成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

在vue中創(chuàng)建多個(gè)ueditor實(shí)例

dailybird / 3160人閱讀

摘要:簡(jiǎn)介在中創(chuàng)建多個(gè)實(shí)例我使用其實(shí)就是把樣式美化了下其他和幾乎一樣截圖源碼地址說(shuō)明下載或源碼拷貝到目錄下面然后修改配置文件在項(xiàng)目的添加引用新建個(gè)頁(yè)面。

簡(jiǎn)介
在vue中創(chuàng)建多個(gè)ueditor實(shí)例,我使用neditor,其實(shí)就是把ueditor樣式美化了下,其他和ueditor幾乎一樣
截圖

源碼地址

https://github.com/obliviouss...

說(shuō)明

下載ueditor或neditor源碼,拷貝到static目錄下面

然后修改ueditor.config.js配置文件

在vue項(xiàng)目的main.js添加ueditor引用

新建3個(gè)頁(yè)面 home,tab1,tab2。tab1和tab2是home下面的子頁(yè)面

在router-view外面一定要添加keep-alive組件和transition組件,不然ueditor實(shí)例無(wú)法保存

在components文件夾下面新建一個(gè)editor作為編輯器的公共組件

在tab1中調(diào)用editor,同時(shí)要傳入一個(gè)id并在editor頁(yè)面接受,注意如果需要多個(gè)實(shí)例,id一定不能相同

  

  

  

editor頁(yè)面代碼,因?yàn)槲覀冊(cè)趓outer-view套用了keep-alive,所以u(píng)editor的初始化一定要放在activated里面,
確保每次進(jìn)入頁(yè)面都會(huì)重新渲染ueditor,在deactivated里面調(diào)用ueditor的destroy方法,確保每次離開(kāi)頁(yè)面的時(shí)候
會(huì)銷毀編輯器實(shí)例,這樣就可以渲染多個(gè)ueditor實(shí)例了,并且每次切換都能保存編輯器的內(nèi)容。

如果多個(gè)tab只需要一個(gè)實(shí)例請(qǐng)調(diào)用reset()方法

  

  

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/92522.html

相關(guān)文章

  • vue中創(chuàng)多個(gè)ueditor實(shí)例

    摘要:簡(jiǎn)介在中創(chuàng)建多個(gè)實(shí)例我使用其實(shí)就是把樣式美化了下其他和幾乎一樣截圖源碼地址說(shuō)明下載或源碼拷貝到目錄下面然后修改配置文件在項(xiàng)目的添加引用新建個(gè)頁(yè)面。 簡(jiǎn)介 在vue中創(chuàng)建多個(gè)ueditor實(shí)例,我使用neditor,其實(shí)就是把ueditor樣式美化了下,其他和ueditor幾乎一樣 截圖 showImg(https://segmentfault.com/img/bVYsl5?w=1353...

    Honwhy 評(píng)論0 收藏0
  • JS中的原型對(duì)象

    摘要:下面列幾個(gè)權(quán)威指南里面介紹的關(guān)于原型的方法獲取一個(gè)實(shí)例對(duì)象的原型才支持部分瀏覽器也支持一個(gè)屬性判斷一個(gè)構(gòu)造函數(shù)是否是指定實(shí)例對(duì)象的原型 JS中的原型對(duì)象 白天寫(xiě)了一篇【JS中創(chuàng)建對(duì)象的方法】,寫(xiě)完以后感覺(jué)意猶未盡(實(shí)際情況是感覺(jué)原型那塊內(nèi)容沒(méi)有交代清楚),所以開(kāi)這一篇繼續(xù)聊聊關(guān)于JavaScript中的原型對(duì)象 相信用過(guò)vue的童鞋,都經(jīng)常這樣做,用Vue.prototype.xxx ...

    whlong 評(píng)論0 收藏0
  • Vuex搭

    摘要:是一個(gè)專為應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化。改變中的狀態(tài)的唯一途徑就是顯式地提交。為了解決以上問(wèn)題,允許我們將分割成模塊。 Vuex是一個(gè)專為 Vue.js 應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化。 這個(gè)狀態(tài)自管理應(yīng)用包含...

    mayaohua 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<