element-ui table 循环多个输入框无效

问题:element-ui table 循环或者tab循环中table里面的el-input 输入框无法输入

简化调试,循环的v-model中的变量换成data中常量就没问题,这说明动态循环的v-model变量并没有在data中定义(v-model变量问题

结论,Vue 是数据型驱动模式,因此对应没有在全局或者局部定义的变量,会先出现不能监测的风险。

解决办法:

1、将template中循环的动态v-model循环变量 -> 变成 ->  数据循环修改,这样自然会同步到视图上

2、等数据初始化完毕后,需要重新通过方法(函数)重新过滤(填充、修改)一遍源数据,使其同步到data定义的变量中

两种方法最终的目的还是将页面v-model的变量在data中定义,这样才能输入。

posted @ 2020-08-07 09:46  浪里小韭菜  阅读(1582)  评论(0编辑  收藏  举报