在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ iView中Table通過(guò)render添加一個(gè)Input如何雙向綁定數(shù)據(jù)

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

有一個(gè)Table:

<Table :columns="columns" :data="data" :border="true"></Table>

JS代碼如下:

 export default {
        data(){
            return {
                columns:[],
                data:[{name:11111,name2:'加工精度',value:'',key:''}]
            }
        },
        created(){
            this.init();
        },
        methods:{
            init(){
                let vm = this;
                this.columns = [
                    {
                        title: '序號(hào)',
                        key: 'name'
                    },
                    {
                        title: '檢驗(yàn)項(xiàng)名稱(chēng)',
                        key: 'name2'
                    },
                    {
                        title: '檢驗(yàn)值',
                        key:'value',
                        render: (h, params) => {
                            return h('Input',{
                                props:{
                                    type:'text',
                                    value:vm.data[params.index].value //此處如何讓數(shù)據(jù)雙向綁定
                                },
                                on:{
                                    'on-change':(event) => {
                                        console.log(params)
                                    }
                                }
                            })
                        }
                    },
                    {
                        title: '檢驗(yàn)結(jié)論',
                        key:'key',
                        render: (h, params) => {
                            return h('Select',[
                                h('Option', {
                                    props: {
                                        value: '1',
                                    }
                                }, '合格'),
                                h('Option', {
                                    props: {
                                        value: '2',
                                    }
                                }, '不合格')
                            ]);
                        }
                    },
                ]
            },
            get(){
                console.log(this.data)
            }
        }
    }
回答
編輯回答
心夠野

value:vm.data[params.index].value
并沒(méi)有實(shí)現(xiàn)雙向綁定呢?
我是這樣寫(xiě)的,大神幫忙看一下。
{

        title: '數(shù)量',
        key: 'numLots',
        width: 100,
        align: 'center',
        render: (h, params) => {
          return h('div', [
            h('Input', {
              props: {
              value:this.data[params.index].numLots,
              },
            },)
          ]);
        }
      },
2017年4月17日 06:23
編輯回答
笨尐豬
render: (h, params) => {
                            return h('Input',{
                                props:{
                                    type:'text',
                                    value:vm.data[params.index].value
                                },
                                on:{
                                    'on-blur':(event) => {
                                        vm.data[params.index].value = event.target.value;
                                    }
                                },
                            })
                        }

通過(guò)這個(gè)方法可以解決

2018年2月13日 08:16