Vue中在table表格中嵌套input标签点击事件实现单行编辑状态更改

在table数据中加一个disabled属性的值

            async getData() {
                let vm = this;
                vm.loading = true;
                let list = await vm.$fetch(vm.$path+'received/BatchCodeWithdrawalInfo/', {
                    page: vm.cur_page,
                    size: vm.pageSize,
                    search: vm.select_word,
                });
                vm.loading = false;
                if( list){
                    let table = list.dataInfo.listData;
                    // vm.tableData.newParam ='vVisible';
                    if(table){
                        for(let i=0; i

将disabled属性动态绑定至对象中对应的vVisible中

点击事件传递index参数

                        编辑
                        

改变点击行的disabled属性

            handleEdit(index,row){  
                if(this.tableData[index].vVisible == false){
                    this.tableData[index].vVisible=true;
                }else{
                    this.tableData[index].vVisible = false;
                }
            }, //  退仓信息是否可编辑