Vue.js
夜码狂农
这个作者很懒,什么都没留下…
展开
-
Vue集成tinymce富文本编辑器并实现本地化指南(2019.11.21最新)
tinymce是一款综合口碑特别好、功能异常强大的富文本编辑器,在某些网站,甚至享有“宇宙最强富文本编辑器”的称号。那么,在Vue项目中如何集成呢?本人参考了众多网络资料进行配置,竟然没有一篇文章能够完全吻合,并且各个教程显得极其繁琐。 本人不认为配置tinymce需要如此复杂,并认为很多教程的一些步骤是完全冗余的,因此重新参考官方教程,反复实践,终究得以攻克。现将配置的细节、一些极其关键的要...原创 2019-11-21 22:20:16 · 2273 阅读 · 0 评论 -
Vue.js中scoped引发的CSS作用域探讨
前言在Vue.js的组件化开发中,常常会对某个组件的style标签加上scoped属性,如<style lang='less' scoped>,这样做的目的在于使这个组件的样式不能轻易在其他地方被有意或无意地修改,以达到封装的目的。值得注意的是,当我们进行组件嵌套时,常常需要修改子组件的默认样式,由组件封装引发的样式修改失效问题常常令人头痛。因此,我们需要深入理解Vue.js组件的...原创 2019-10-13 14:00:34 · 5810 阅读 · 3 评论 -
axios的使用小技巧:如何绕过字符串拼接,直接传递对象
Vue.js官方推荐使用axios作为发送http请求的工具,在使用axios中,有些小技巧是不容易发现的。当我们不知道这些技巧时,我们可能会使用其他“奇技淫巧”,比如,我们很容易会忽略axios默认支持get请求传递对象的事实,然后采用手动拼接、第三方库、或手动编写函数的方式将对象转换为查询参数,拼接成最终的url地址。 事实上,axios是支持直接传递对象的,根本无需做费神的相关拼接工作,...原创 2019-10-13 14:02:51 · 5360 阅读 · 0 评论 -
Vue Router路由守卫妙用:异步获取数据成功后再进行路由跳转并传递数据,失败则不进行跳转
问题引入试想这样一个业务场景:在用户输入数据,点击提交按钮后,这时发起了ajax请求,如果请求成功,则跳转到详情页面并展示详情数据,失败则不跳转到详情页面,只是在当前页面给出错误消息。难点所在需要注意的是,这里并没有单独的接口用于判断用户是否通过校验,而是若用户通过校验,接口就直接返回了用户需要的详情信息,未通过校验则不会返回详情信息并报错。常见方案问题分析(一)用户点击按钮后直接...原创 2019-10-13 14:03:09 · 15383 阅读 · 2 评论