0

Vue 如何让contenteditable属性标签自动获取焦点
clipboard.png

2019-05-08 提问
1 个回答
1

已采纳

通过ref获取当前元素,然后在mounted后,this.el.onFocus()

1

这里我理解你的意思如下:

<ul>
  <li><span contenteditable :ref="`spanEl${index}`"></span></li>
  <li><span contenteditable></span></li>
  <li><span contenteditable></span></li>
  ....
</ul>

// 点击按钮(Button)往里面添加一条<li><span contenteditable></span></li>

按钮事件如下:

// 假如数组为: arrList
pushSpan = () => {
  // 点击后push一个span
  this.arrList.push('xxxxx');
  // 渲染后的回调
  this.$nextTick(function () {
    this.$refs[`spanEl${你想要焦点的索引}`].focus();
  })
}

代码使我开心 · 5月9日

展开评论

撰写答案

推广链接