为了账号安全,请及时绑定邮箱和手机立即绑定

iView中Table通过render添加一个Input如何双向绑定数据

iView中Table通过render添加一个Input如何双向绑定数据

慕田峪4524236 2019-05-23 18:36:33
有一个Table:JS代码如下:exportdefault{data(){return{columns:[],data:[{name:11111,name2:'加工精度',value:'',key:''}]}},created(){this.init();},methods:{init(){letvm=this;this.columns=[{title:'序号',key:'name'},{title:'检验项名称',key:'name2'},{title:'检验值',key:'value',render:(h,params)=>{returnh('Input',{props:{type:'text',value:vm.data[params.index].value//此处如何让数据双向绑定},on:{'on-change':(event)=>{console.log(params)}}})}},{title:'检验结论',key:'key',render:(h,params)=>{returnh('Select',[h('Option',{props:{value:'1',}},'合格'),h('Option',{props:{value:'2',}},'不合格')]);}},]},get(){console.log(this.data)}}}
查看完整描述

2 回答

?
千万里不及你

TA贡献1784条经验 获得超9个赞

render:(h,params)=>{
returnh('Input',{
props:{
type:'text',
value:vm.data[params.index].value
},
on:{
'on-blur':(event)=>{
vm.data[params.index].value=event.target.value;
}
},
})
}
通过这个方法可以解决
                            
查看完整回答
反对 回复 2019-05-23
?
慕工程0101907

TA贡献1887条经验 获得超5个赞

value:vm.data[params.index].value并没有实现双向绑定呢?我是这样写的,大神帮忙看一下。{
title:'数量',
key:'numLots',
width:100,
align:'center',
render:(h,params)=>{
returnh('div',[
h('Input',{
props:{
value:this.data[params.index].numLots,
},
},)
]);
}
},
                            
查看完整回答
反对 回复 2019-05-23
  • 2 回答
  • 0 关注
  • 2815 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号