el-input在ref或自定义指定,失效时解决办法。
![](https://img.haomeiwen.com/i11315673/51c263ae689d3a1d.png)
1原因
1ref失效:饿了么组件自动生成时,会存在外层div,ref查找的为外层所以,失效
2directive指令失效,因为el-input为show切换生产,具体参考其余资料。
https://www.cnblogs.com/hjj2ldq/p/7831972.html
2解决办法(2种)
1直接复制生成后结构,类似...
<div data-v-0320b861="" class="el-input el-input--mini" style="width: 200px;">
<input type="text" autocomplete="off" class="el-input__inner">
</div>
2通过ref下childnode是,一层层指向。
var cell = this.$refs.multipleTable.$el.childNodes[2].firstChild.lastChild
.firstChild.childNodes[1] // 获取第一行dom元素
cell.firstChild, cell.firstChild.childNodes[1].firstChild.querySelector('input').focus()
网友评论