本篇内容主要讲解“VUE表为什么新增的这些数据不可以编辑”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“VUE表为什么新增的这些数据不可以编辑”吧!
<强>一、问题
用elementUi横着增加一行数据没毛病,可以操作
添加一列,这新增的这一列,第一次去赋值的时候值是改了,但没生效
点击下一行时值就变过来
<强>二,原因
横向添加是复制上面的某一条数据来的,因为数据里面有这些属性的定义,所以横向添加没问题
而纵向添加的数据,因为没有事先在el-select v-modle=?“里面定义好字段,定义好的选项是通过v代表出来的(选项是写死的就不会有这个问题),就会出现选择后,选择元素上无法展示,但是其实数值已经绑定上去了的后果,即:
v模型绑定数据不实时更新
<强>三,解决
使用vm。美元设置实例方法
//如:这个。美元组(this.someObject & # 39; b # 39; (2)
<>强ps: vue-table添加动态锁定和解锁列功能很强大
为什么要写下这篇文章,因为我在网上找不到,关于<代码> vue-table> 自己就尝试着研究了下。
我们都知道锁定列只要跟<代码> & lt; vxe-table-column类型=皊eq"宽度=?0”;align=癱enter"固定=發eft"/祝辞
一样,添加<代码>固定=白蟆?/代码>或者<代码>固定=罢贰? 首先我要的效果是:这是站在官方文档实现复杂excel筛选功能的基础上进行的
废话不多说,直接击要害。
在<代码> FilterExcel。vue>
在相应的位置添加代码:
& lt;李类=癿e-menu"@click=皁nLock(& # 39;左# 39;)“比;& lt; span>左锁定此列& lt;/span>& lt;/li>& lt;李类=癿e-menu"@click=皁nLock(& # 39;对# 39;)“比;& lt; span>右锁定此列& lt;/span>& lt;/li>& lt;李类=癿e-menu"@click=皁ffLock"比;& lt; span>解除锁定& lt;/span>& lt;/li>
然后就是在方法区添加方法:offLock () {const{面板表,美元$ columnIndex}=２问? table.closeFilter()面板。options.parent.tableColumn美元[columnIndex美元]。固定美元=定义table.refreshColumn ()}> & lt; vxe-table-column 场才能=皃latform" title=安拍芷教? 宽度=才能“100 px" 对齐才能=癱enter" ,可分类的 :才能过滤器=癧{数据:{vals: [],, sVal:, & # 39; & # 39;,, fMenu:, & # 39; & # 39;,, f1Type: & # 39; & # 39;,, f1Val:, & # 39; & # 39;,, fMode:, & # 39;和# 39;,,f2Type:, & # 39; & # 39;,, f2Val:, & # 39; & # 39;}}]“; ,,:filter-render=皗名称:,& # 39;FilterExcel& # 39;},/才能在
<强>总结
到此,相信大家对“VUE表为什么新增的这些数据不可以编辑”有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
VUE表为什么新增的这些数据不可以编辑
