vue-tabel 中使用 el-autocomplete 出现的问题

必须加   :popper-append-to-body="false"

             :popper-class="vxetableignoreclear"

我自己用的话缺一不可

说一下我自己项目中遇到的问题吧,我写的是表格中套表格,会出现就是当下拉选的时候用@selete是可以用的,但是用@blur也可以触发 , 但是仅限于 失去焦点点在表格内才会触发,

在其他地方是不会触发的

我查了一下原因  Element-UI el-select和el-autocomplete的select  是冲突了

在二级表格的时候我就只用了@change  方法

vue-tabel 中使用 el-autocomplete 出现的问题_第1张图片  

但是这还里面还有一个bug   就是输入的时候后面会有一个小删除按钮,当我点击删除的时候,@change事件传的值不是为空,而是修改之前的值   索性我就不用×   直接把他disaplay :none 了

所以

vue-tabel 中使用 el-autocomplete 出现的问题_第2张图片

1、如果说没有嵌套表格, 用为下面的代码就可以

2、如果有嵌套表格,且el-autocomplete在二级, 那么方法只用@change   , 且把x  隐藏掉

完整代码





你可能感兴趣的:(vue.js,前端,javascript)