随笔分类 - Vue
摘要：仔细把官方文档过一遍！！！ 但是还需要注意下面几点： 1、从上面的代码可以看出： 在组件中，我们可以通过 $route.params.id 来获取到user/小明/post 中的小明，这样，我们就可以进行个性化的设置了。 2、以 / 开头的嵌套路径会被当做根路径， 这可以让你充分的使用嵌套组件而无需
阅读全文
摘要：一般默认值都是这样： 要想显示为空，则设置 v-model 的值为 undefined ！！
阅读全文
摘要：computed 在使用时的效果是属性，不是函数。 其次，computed 的值是“智能”响应的，依赖必须都是这个实例自己的东西，如果某个计算需要依赖传入的值，则推荐使用 methods。 filter 使用场景：当用在渲染表格的每一行时使用的，输入是后端给前端的 type 的值，输出是人可读的值（
阅读全文
摘要：如果不可避免的在同一个页面里既有 django 渲染又有 vue 渲染的部分，可有 2 种方式解决 方法一： 采用 vue 的 delimiters 分隔符。 方法二： 建议把 vue 的部分用 {% verbatim %} 包起来。
阅读全文
摘要：报错截图： 查了篇文章（https://blog.csdn.net/weixin_42018057/article/details/81385121），遇到的情况跟文章里描述的类似，他提供的方法是：需要用到 {node,data} 地方均改为 scope.data, scope.node即可。但是试
阅读全文
摘要：需求： 时间选择器，只能选择 2000 年 - 至今的年份。 new Vue({ data: { year: '', pickerOptions: { disabledDate (time){ return time.getFullYear() < '2000' || time.getFullYea
阅读全文
摘要：ElementUI 的 Cascader 级联选择器个人觉得很好用，但是对 :options="options" 里的数据格式是有特定要求的：input 框显示的值是 options 里的 label 值。如果 options 的键值对不是 value label ，就需要 props 来配置。 如
阅读全文
摘要：Vue.use() 这种写法可能会页面刷新时自动弹出 message，可将下图红框里换成 Vue.component(Message)
阅读全文
摘要：Model 官方文档： https://bootstrap-vue.js.org/docs/components/modal 说明： @ok ：点击确定触发的事件 @hidden：关闭 model 触发的事件 ok-title="保存"：确定按钮的 text cancel-titile="关闭"：关
阅读全文
摘要：在使用 CKEditor5 + vue 时，出现输入文字时，拼音和文字一起输入到编辑器到问题。与之前项目中使用 ckeditor 的区别是，这次项目是在 python 架构下局部引入 ckeditor ，写法如下： html： vue.js 原因（摘自某同事大牛的解释）： v-model 本质上是实
阅读全文
摘要：引入： 官网：https://www.npmjs.com/package/vue-cropperjs 控制台输入： npm install --save vue-cropperjs vue 项目中引入： 初始化裁剪框： html： js： mounted () { // 初始化裁剪框 var ima
阅读全文
摘要：现象： 在使用 vuejs、angularjs 开发时，经常会遇见浏览器页面闪现表达式 ({{ express }} ), 或者是模块(div)的闪烁。 原因： 由于 JavaScript 去操作DOM，都会等待 DOM 加载完成（DOM ready）。对于 vuejs、angularjs 这些会在
阅读全文
摘要：webpack 打包报错： One CLI for webpack must be installed. These are recommended choices, delivered as separate packages: 解决办法： 全局、局部安装个遍！具体什么原因还不清楚... 先全局安
阅读全文
摘要：因业务需求，要在 vue2.0 的项目里使用富文本编辑器，经过调研多个编辑器，CKEditor5 支持 vue，遂采用。因 CKEditor5 文档比较少，此处记录下引用和一些基本用法。 CKEditor5官网 https://ckeditor.com/docs/ckeditor5/latest/b
阅读全文
摘要：执行： npm install node-sass --save-dev npm install sass-loader --save-dev 自动安装sass，vue-cli3.0 不需要在 webpack.base.config.js 配置，直接使用。(此处可能有误，自己在执行的时候直接可以在页
阅读全文
摘要：关闭vue-cli 默认eslint规则： 找到 build -> webpack.base.config.js ，删除箭头指向代码 1、Newline required at end of file but not found 翻译：文件末尾需要换行符，但找不到。 末尾要空一行
阅读全文
摘要：在公共文件夹里创建一个js文件，比如bus.js bus.js: 在需要传值的组件内引入 传值： 另一个组件内接收： 这种方法是创建一个公共变量，全局可调用，跟localstorage 类似，当然组件间传值还有其他方法，这里不赘述
阅读全文
摘要：需求描述： 点击删除时，仅删除当前选中的这个对象。 html： 运用 splice (要删除的元素， 删除个数)
阅读全文
摘要：需求描述： Tree 树形结构，默认展开第二级菜单。 查 element 文档： 解决方法： 设置 :default-expanded-keys 的值为 idArr 数组， 在 js 里将data的id push 到 idArr 数组里
阅读全文
摘要：代码环境： vue + elenment 问题描述： 上传文件时，显示loading动画；上传成功后，隐藏loading动画。window 下常用的浏览正常，safari 下的chrome浏览器（目前只测试chrome浏览器）loading动画一直存在。 代码： 解决办法： 将上述代码加红部分改为：
阅读全文
浙公网安备 33010602011771号