一、tinyMCE編輯器沒(méi)有實(shí)時(shí)更新
場(chǎng)景是這樣的，在form表單中引用Tinymce富文本編輯組件，在多次重新打開(kāi)不同form表單時(shí)，form攜帶的數(shù)據(jù)沒(méi)有實(shí)時(shí)更新到Tinymce內(nèi)，總是顯示上一個(gè)的form的數(shù)據(jù)
原因：Tinymce只渲染了一次，所以造成數(shù)據(jù)有點(diǎn)問(wèn)題。所以解決的方法就是利用 v-if 的方法，利用顯隱判斷組件的渲染。
代碼如下：
<el-form ref="dataForm" :rules="rules" :model="temp" label-position="right" auto-complete="off" label-width="150px" style="width: 90%; margin-left:5%;">
<el-form-item label="介紹" prop="introduction">
<Tinymce v-if="isUpdate" ref="introduction" v-model="temp.introduction" :height="300" />
</el-form-item>
<el-form-item label="履歷" prop="resume">
<Tinymce v-if="isUpdate" ref="resume" v-model="temp.resume" :height="300" />
</el-form-item>
</el-form>
data(){
return{
isUpdate:false;
}
},
methods:{
getData(){ this. isUpdate = true;},
// saveData后必須設(shè)置為false，否則無(wú)法重新更新isUpdate
saveData(){ this. isUpdate = false;},
如何集成去官網(wǎng)下載 複製就行文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-834357.html
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-834357.html
到了這里，關(guān)于集成tinyMCE編輯器以及踩的坑的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
