showInput() {
this.inputVisible = true;
this.$nextTick(_ => {
this.$refs.saveTagInput.$refs.input.focus();
});
}
el-tag标签input框的自动获得焦点共能,这行语句this.$refs.saveTagInput.$refs.input.focus()中的第二个$refs以及后面的input是什么意思,不加$refs.input,直接写this.$refs.saveTagInput.focus()也能实现自动获得焦点,二者有什么区别?
.$refs是获取dom节点,这个组件封装的是一个Taginput,包含一个基础的input。.fouce是获取焦点函数。两者区别就是一个先获取父节点再获取子节点,一个是直接获取子节点。后者减少dom节点消耗。