2017-03-23 8 views
1

Redactor에서 v-model을 사용하고 있습니다. 이렇게하면 실제 데이터가 아니라 "이벤트"가 반환됩니다. 올바른 데이터를 반환하는 방법에 대한 아이디어가 있습니까?Redactor에서 Vue 사용

HTML

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

JS는

$('#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'); 
+0

와 함께 input 이벤트를 방출 참조 이 질문에 대한 답변 : http://stackoverflow.com/questions/43035340/jquery-plugin-in-vue-component-cannot-pass-value-to-prop/43035433?noredirect=1#43035433 –

답변

3

편집자 그것이 DOM 조작에 의해 작동 수단의 jQuery 위젯이 될 것으로 보인다. Vue는 DOM을 제어 할 것으로 예상합니다. 이 아닌 경우 (Redactor의) DOM 조작을 wrapper component의 라이프 사이클 후크로 제한하지 않으면 두 사람이 서로의 발가락을 따라갈 것입니다. 에

당신의 편집자 구성 요소 work with v-model하려면이 필요합니다

  1. value 소품을 수용
  2. 새로운 값이 동일한 문제를 가진 사람들을위한