关于在el-table中自定义内容时引用el-input输入框的bug

由于项目中需要实现在table的表头是从接口动态获取的,然后个别的列可以更改值的功能,所以便用element的table组件来实现需求

我的思路是用el-table中的scope插槽自定义列来实现,然后用el-input组件来双向绑定输入的值,submit后就可以调用后台的保存api来完成数据提交。
但是等我写完之后发现我的el-input输入值时没有任何反应,打了console之后发现只有@input可以触发,@change事件怎么也触发不了。。。。

然后经过各种百度,gpt寻找答案后依旧没能解决问题,当时灵机一动既然el-input无法达到我的要求,那就用原生input试试吧

没想到竟然可以了,change事件也可以调用了,想了想可能是element在做二次封装的时候在动态表头的时候需要用到什么特殊的属性,但是我没找到。但是使用原生input就没问题了,记录一下,也希望能帮到遇到和我类似问题的朋友们做参考

你可能感兴趣的:(bug,vue.js,elementui)