将 Vue 与 Redactor 一起使用 [重复]答案

【问题标题】：Using Vue with Redactor [duplicate]将 Vue 与 Redactor 一起使用 [重复]
【发布时间】：2017-08-16 15:08:24
【问题描述】：

我在 Redactor 上使用 v-model。当我这样做时，它返回“事件”而不是我正在寻找的实际数据。关于如何返回正确数据的任何想法？

HTML

<div id="question-create-form">
  <textarea class="form-control question-create-editor" id="question_description" rows="3"></textarea>
</div>

$('#question-create-form .question-create-editor').redactor({
    imageUpload:'/urlGoesHereBro/',
    plugins: ['video', 'imagemanager', 'counter', 'limiter'],
    buttonsHide:['html', 'formatting', 'deleted', 'indent', 'outdent', 'alignment', 'horizontalrule']
  });
  $('#question-create-form .redactor-editor').attr('v-model', 'questionDescription');

【问题讨论】：

对于遇到相同问题的任何人，请参阅此问题中的答案：stackoverflow.com/questions/43035340/…

标签： vue.js vuejs2 redactor redactor.js

【解决方案1】：

Redactor 似乎是一个 jQuery 小部件，这意味着它通过操作 DOM 来工作。 Vue 期望控制 DOM，这意味着这两个将互相踩踏除非您将（Redactor 的）DOM 操作限制在 wrapper component 的生命周期挂钩中。

要使您的 Redactor 组件work with v-model，它需要：

接受value 道具
使用新值发出 input 事件

【讨论】：