如何在 Vue froala 组件上设置自动对焦

Question

我有一个 vue froala 组件

         <froala
            v-model="note"
            :tag="'textarea'"
            :config="config"
          >
          </froala>

在脚本中，我将焦点设置为 true 以在文本区域设置自动对焦。但它不起作用

config: {
      focus: true
  }

Answer 1

尝试这样的事情：

<froala
            v-model="note"
            :tag="'textarea'"
            :config="config"
            ref="froalaFocus"
          >
          </froala>
    ...
    this.$refs.froalaFocus.focus()

您可能需要像这样使用 $el：this.$refs.froalaFocus.$el.focus() 可能会挖掘得更深一些（您的引用可能是一个数组，在这种情况下您需要找到您想要关注的元素。

Answer 2

config: {
      autofocus: true
  }

适合我