遇到一个任务需要实现直接点击内容来编辑, 光标离开 Input 就保存内容
点击内容实现下面这种获取点击表格内 input 光标
我找了下, 有 ref 和自定义指令两种, 我选了比较适合的 ref 来操作
ref 在循环外和循环中被获取到的是两种状态, 当有多个 ref 相同时, 通过 this.$refs.ref 获取循环外的 ref 只会获取到最后一个元素, 在循环中会获取到所有相同 ref 元素的数组.
所以我给了所有 input 相同的 ref 再通过点击使用 index 来使目标 input 获取焦点: this.$refs.ref[index].focus(), 这样就解决了最大的难题.
来源: http://www.bubuko.com/infodetail-3337538.html