随笔分类 -  Vue和Element-UI

computed和watch的区别
摘要：computed和watch的区别 计算属性computed 属性检测watch 首次运行 首次不允许 调用时需要在模板中渲染，修改计算需要修改所依赖的元数据 只需要修改元数据 默认深度依赖 默认浅度检测 适合做筛选，不可异步 适合做异步和开销较大的操作 参考链接： https://www.html 阅读全文
posted @ 2021-05-17 13:28 惊沙男孩 阅读(72) 评论(0) 推荐(0)
Vue实际项目中遇到的问题总结：
摘要：1. 报错：Computed property "couponSendData" was assigned to but it has no setter. 原因：computed里面的计算属性不能被赋值操作 溯源：https://cn.vuejs.org/v2/guide/computed.htm 阅读全文
posted @ 2020-09-07 21:24 惊沙男孩 阅读(434) 评论(0) 推荐(0)
Vue项目中的一些用法：
摘要：1. 父组件想要调用子组件内定义的方法： 其中 searchDevelopPageList() 是子组件中定义的方法。 延伸：DOM中的ref 和 脚本里的$refs的意义 阅读全文
posted @ 2019-07-24 21:06 惊沙男孩 阅读(244) 评论(0) 推荐(0)
Vue自定义指令实现下拉加载：v-loadmore
摘要：和methods平级: directives: { loadmore: {//自定义指令: 下拉加载 bind(el, binding) { var p = 0; var t = 0; var down = true; var selectWrap = el.querySelector('.sele 阅读全文
posted @ 2019-01-09 17:10 惊沙男孩 阅读(4692) 评论(0) 推荐(0)
element-ui一些注意点：
摘要：1.change （$event，“你要传递的其他值”），使用el-select组件时，想传递多个值。 或者 在el-option上的value属性上传递对象 eg: :value="{'classId': ele.classId,'index': $keys,'sonIndex':$key}" 2 阅读全文
posted @ 2018-11-30 19:50 惊沙男孩 阅读(1446) 评论(0) 推荐(0)
vue 点击事件阻止冒泡 用stop
摘要：1.使用vue阻止子级元素的click事件冒泡，很简单，用stop。eg: @click.stop='xxx' 阅读全文
posted @ 2018-11-30 11:55 惊沙男孩 阅读(3848) 评论(0) 推荐(0)
前后端分离架构技巧点（一）
摘要：1.使用混入功能，引进公共文件edit.js，在实例里[edit]，其中edit.js中的data,mounted,所有的生命周期都可以正常使用，充当一些组件公共的方法很合适。同名生命周期将合并。 官网链接：https://cn.vuejs.org/v2/guide/mixins.html 阅读全文
posted @ 2018-11-24 12:57 惊沙男孩 阅读(222) 评论(0) 推荐(0)
前后端分离业务逻辑常用封装函数（一）
摘要：1.数组去空： function clear_arr_trim(array) { for(var i = 0 ;i<array.length;i++){ if(array[i] == "" || (array[i] == null) || typeof(array[i]) == "undefined 阅读全文
posted @ 2018-11-02 10:51 惊沙男孩 阅读(327) 评论(0) 推荐(0)
Vue前后端分离常用JS函数点（一）
摘要：1.筛选过滤：array.filter(function(val){}); 会把array中符合规则的数组元素按array里面的元素顺序保留下来。 // 官方解释：按返回true或者false，把不符合规则的过滤掉，返回符合规则的数组元素。关键点是：设置一个筛选函数 2.字符串与对象之间的JSON互 阅读全文
posted @ 2018-11-01 20:53 惊沙男孩 阅读(302) 评论(0) 推荐(0)
Vue神之大坑处理：获取通过URL的的参数不可直接操作
摘要：比如： $router.query['isZero'] == 'false'; //不会生效，刷新页面又好使了。打印处理是蓝色的false，再次刷新字体就变浅黑了。 解决：($router.query['isZero'] + ' ') == 'false' 阅读全文
posted @ 2018-10-28 21:34 惊沙男孩 阅读(566) 评论(0) 推荐(0)
element-UI实现el-table-column百分比自定义分配
摘要：1.把el-table-column的属性width换位min-width就支持百分比显示了。 阅读全文
posted @ 2018-10-23 17:49 惊沙男孩 阅读(2792) 评论(0) 推荐(0)
如果把父组件的数据实时的传递到子组件：用watch
摘要：1.在子组件使用watch来监听传递给子组件的数据，然后更新子组件的数据。 2.watch和computed结合使用效果非常好。 参考链接：https://blog.csdn.net/zhouweixue_vivi/article/details/78550738 阅读全文
posted @ 2018-10-18 19:23 惊沙男孩 阅读(729) 评论(0) 推荐(0)
element-UI 表单校验失效处理
摘要：1.el-form-item 的 prop属性绑定的要是字符串： eg: :prop="'answer[' + 0 + ']' " //而不是 :prop="answer[0]" v-modal="ruleForm.answer[0]" 2.el-form的modal属性绑定表单数据源：后面的pro 阅读全文
posted @ 2018-10-17 21:14 惊沙男孩 阅读(2020) 评论(0) 推荐(0)