el-table里el-input输入不显示
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了el-table里el-input输入不显示相关的知识，希望对你有一定的参考价值。
data中的columns字段的值是读取后台接口1，初次加载的时候 columns 没有这个dataColumnName字段， 紧接着读取后台接口2，这个接口提供了dataColumnName字段，代码里面就把dataColumnName字段和它的值塞入了 columns的对象里面，这样页面上可以展示dataColumnName这个值了，但是存在一个问题就是只能看，输入之后没法更新输入框显示。问题的原因是：调用第一个接口后，columns赋值了，页面就渲染好了，调用第二个接口，又增加了一个字段dataColumnName，可能是element-ui的内部机制决定的，后面加载的字段没法监听变更吧，导致问题出现。
解决办法：在调用到第一个接口返回后，先遍历数据，把行对象先加上dataColumnName这个属性，值为“”（空字符串）
类似下面这样的：
总结：就是整个表格数据，在data初始化的时候可以为空数组，但是第一次获取接口赋值的时候，需要遍历给input输入框对应的字段赋值为空字符串，这样在输入框中打字才会更新视图，但是仍然要注意不能先获取后台数据，再去添加新的字段，值为空字符串，而是先用临时变量接收，一次性给赋值。 参考技术A el-table里el-input输入不显示，我们在使用elementUi的表格组件时往往需要自定义表格，很多还需要自定义表头，比如这种
我们再表格的头部插入el-input组件，这时就会发现，你在表头的el-input输入时不显示，解决方法就是给slot="header" 换成#header
这样就可以了
以上是关于el-table里el-input输入不显示的主要内容，如果未能解决你的问题，请参考以下文章