![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 74
cwxcc
这个作者很懒,什么都没留下…
展开
-
vue 封装动态生成form表单和table表格组件
背景 项目中经常遇到新加功能和之前功能类似,结构不变,只是名称和值变化,因此将常用的form表单检索和table表格展示进行封装,有助于提高开发效率和统一样式风格。 注:示例中使用iview框架,实际代码结构类似,供参考。 动态生成 form 表单组件 使用说明: 引入文件并注册 页面使用并传参,支持输入框、日期选择、下拉选择和查询按钮搜索项,搜索项后面可以通过插槽添加自定义内容 组件暴露出的数据为 form 表单项最新数据 API: form props 属性 说明 类型 默认值原创 2022-04-21 10:51:24 · 7670 阅读 · 1 评论 -
el-table 表头错乱问题解决
开发项目时,使用 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原创 2020-06-29 21:33:08 · 1869 阅读 · 0 评论 -
vue响应式原理的实现
Vue2的数据响应式原理 1、什么是defineProperty? defineProperty是设置对象属性,利用属性里的set和get实现了响应式双向绑定; 语法:Object.defineProperty(要设置的对象,要修改的对象的属性,属性描述) 属性描述: 1、configurable - 表示此属性能否被delete,默认false; 2、enumerable - 表示此属性能否被枚...原创 2020-04-14 15:59:58 · 194 阅读 · 0 评论 -
vue 双向绑定
vue 双向绑定 vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,那么vue是如果进行数据劫持的,我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象是个什么东西。 var vm = new Vue({ data: { obj: { a: 1 } }, created: functi...原创 2019-02-18 18:01:21 · 224 阅读 · 3 评论