在vue中使用element的el-table和表单元素el-input或el-radio时失效的问题解决办法(已解决)
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
el-table嵌套表单元素时,表单元素失效,也就是输入和点击无效时,是因为数据更新失效、试图更新失效。
原因可能是因为加入了新的对象属性,或者数据层级太深,官网有提到前面的情况,新加入的对象属性变更不会带来试图更新。
解决办法就是在表单元素上加入change方法:
<el-table-column label="见面">
<template slot-scope="scope">
<el-radio-group v-model="scope.row.see" @change="chg(scope.$index,scope.row)" >
<el-radio-button label="是">是</el-radio-button>
<el-radio-button label="否">否</el-radio-button>
</el-radio-group>
</template>
</el-table-column>
在vue的methods里面做处理:
chg(i,r){
this.$set(this.curcustomers,i,r)
},
这样就OK了!
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)