iview table render写法

所需实现功能:在备注input框里面输入文字以后点击保存可直接走接口传值

点击编辑时input去掉disabled处于编辑状态

实现思路:render函数


直接上代码了

h后面的Input是我们定义的元素,props是给元素里面所传的值,value是input框里的内容,on里面写的是触发事件,依情况而定,此处是on-change事件,  

val.target.value获取的就是你选择接受事件的元素输入的或者选择的值。参数val接收事件对象。而事件对象也有很多属性和方法,其中target属性是获取触发事件对象的目标,也就是绑定事件的元素,val.target表示该DOM元素,然后在获取其相应的属性值(value)。


因为需要在return里定义的form.data是这种形式,所以上面写的是this.form.data[params.index] = params.row;

用于在每一行的input修改完的重新赋值。

你可能感兴趣的:(iview table render写法)