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

【问题标题】：How to set autofocus on Vue froala component如何在 Vue froala 组件上设置自动对焦
【发布时间】：2024-04-26 11:50:01
【问题描述】：

我有一个 vue froala 组件

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

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

config: {
      focus: true
  }

【问题讨论】：

标签： vue.js vue-component nuxt.js froala

【解决方案1】：

试试这样的：

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

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

【讨论】：

它显示 TypeError: this.$refs.froalaEditor.$el.focus() is not a function。打印 this.$refs.froalaEditor.$el 时，显示
表示你还没有拿到元素，控制台看看你有什么然后去抢。

【解决方案2】：

config: {
      autofocus: true
  }

为我工作

【讨论】：