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中定义,这样才能输入。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM