Javascript 使用Vue.js在trumbowyg编辑器中绑定textarea内容时遇到问题

我有一个带有textarea的vue组件。在这个文本区域中，我将它包装为trumbowyg文本区域，这样我就可以访问粗体、斜体和链接。问题是，当我试图将用户输入的数据绑定到textarea时，它不起作用。（我知道它不起作用，因为如果我的vue开发工具使用

“消息”：

等于

'

，即使在我键入内容时也是如此。当用户在trumbowyg编辑器中键入内容时，有没有办法绑定用户输入的数据？当我检查chrome开发工具时，我的原生文本区域似乎被“掩埋”了。）在trumbowyg编辑器后面。如果我删除trumbowyg编辑器，

v-model

工作正常

vue组件

<template>
  <textarea
      v-model="message"
      id="message"
      name="message"
      class="form-control"
      rows="10"
      required>
  </textarea>
</template>

<script>
export default {
  data() {
    return {
      message: '',
    }
  },
  mounted() {
    $(this.$el).trumbowyg({
      btns: ['strong', 'em', 'link'],
    });
  }
}
</script>

导出默认值{
数据（）{
返回{
消息：“”，
}
},
安装的（）{
$（此.$el）.trumbowyg({
基站：['strong'，'em'，'link']，
});
}
}