weixin_43522687的博客

背景项目中经常遇到新加功能和之前功能类似，结构不变，只是名称和值变化，因此将常用的form表单检索和table表格展示进行封装，有助于提高开发效率和统一样式风格。注：示例中使用iview框架，实际代码结构类似，供参考。动态生成 form 表单组件使用说明：引入文件并注册页面使用并传参，支持输入框、日期选择、下拉选择和查询按钮搜索项，搜索项后面可以通过插槽添加自定义内容组件暴露出的数据为 form 表单项最新数据API：form props属性说明类型默认值

开发项目时，使用 el-table 建立表格，由于数据是动态展示的，表头中使用了 v-if 进行判断，偶尔情况下发现会有表头错乱的问题。解决方案：为每个 v-if 的 el-table-column 添加 key 进行绑定<el-table-column v-if="col.coupon_amount" prop="couponAmount" width="125" key="couponAmount" > ... </el-table-column

Vue2的数据响应式原理1、什么是defineProperty?defineProperty是设置对象属性，利用属性里的set和get实现了响应式双向绑定；语法：Object.defineProperty(要设置的对象,要修改的对象的属性,属性描述)属性描述：1、configurable - 表示此属性能否被delete，默认false;2、enumerable - 表示此属性能否被枚...

vue 双向绑定vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，那么vue是如果进行数据劫持的，我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象是个什么东西。var vm = new Vue({ data: { obj: { a: 1 } }, created: functi...