iview render input每输入一个字符就会自动跳出焦点

Posted 2021-01-04 longpanda_怪怪哉

假如你绑定的table的数据是tableData，input数据改变的时候你把整行的数据替换掉，就不会造成table重新渲染，导致input失焦了

h(‘InputNumber‘, {
    props: {
        value: parseInt(params.row.total),
        size: ‘small‘,
        min: 0
    },
    on: {
        input: (value) => {
            params.row.total = value
            this.tableData[params.index] = params.row
        }
    }
}

 

{
    title: ‘工艺参数值‘,
    key: ‘value‘,
    render:(h,params)=>{
        return h(‘div‘,[
            h(‘InputNumber‘,{
                props:{
                    value:params.row.value,
                    min:0,
                },
                style:{
                    width:‘100%‘
                },
                on:{
                    ‘on-change‘:(e)=>{
                        params.row.value = e;
                         //整行赋值，就不会触发重新编译
                        this.processNameAndId[this.parentIndex].tableData[params.index] = params.row;
                    },

                }
            })
        ])
    }
}