首頁猿問 iView中Table通過rend...

iView中Table通過render添加一個Input如何雙向綁定數(shù)據(jù)

JavaScript

慕田峪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//此處如何讓數(shù)據(jù)雙向綁定},on:{'on-change':(event)=>{console.log(params)}}})}},{title:'檢驗結(jié)論',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條經(jīng)驗獲得超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;}},})}通過這個方法可以解決

反對回復(fù) 2019-05-23

慕工程0101907

TA貢獻1887條經(jīng)驗獲得超5個贊

value:vm.data[params.index].value并沒有實現(xiàn)雙向綁定呢？我是這樣寫的，大神幫忙看一下。{title:'數(shù)量',key:'numLots',width:100,align:'center',render:(h,params)=>{returnh('div',[h('Input',{props:{value:this.data[params.index].numLots,},},)]);}},