第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在vue中根據(jù)解析的html內(nèi)容動態(tài)插入組件

在vue中根據(jù)解析的html內(nèi)容動態(tài)插入組件

慕哥9229398 2019-02-19 17:19:16
使用了segmentfalut的hyperdown解析器解析markdown語法的博客.解析成html插入后<img>顯示有新的需求,需要點擊彈出模態(tài)框用源尺寸打開element-ui 有相應(yīng)的組件,但是不知道如何插入原始html是不會解析組件的我知道行不通以前沒學(xué)用bootstrap + jquery 的方法 也不能插入vue組件不知道如何對解析出來的html字符串里面的<img>元素,來動態(tài)綁定這個模態(tài)框 說白了我就是要實現(xiàn)這個動態(tài)的圖片放大功能.目前暫時自己用原生擼了個簡陋的js...額 我自己不滿意, 不符合vue設(shè)計理念感覺
查看完整描述

1 回答

?
繁星點點滴滴

TA貢獻1803條經(jīng)驗 獲得超3個贊

既然用Vue,就不要用jQuery了,你這個需求需要使用動態(tài)模板(dynamic template),步驟這樣:

1 需要用vue的full版本(包括compiler),而不僅是runtime版本,在webpack配置中需要增加一個alias,類似

vue: 'vue/dist/vue.js'

2.然后在模板文件中,使用下面的方式來嵌入動態(tài)模板

<component :is="dynamicTemplate()" />

dynamicTemplate函數(shù)需要返回處理好的模板內(nèi)容,類似:

return Vue.compile('<div>' + dynamicContent +'</div>')

之所以再套一個div,是因為Vue的模塊需要單根。如果在動態(tài)模板內(nèi)容中依賴一些組件,這些組件需要提前注冊好,可以使用vue的全局模塊注冊。


查看完整回答
反對 回復(fù) 2019-04-03
  • 1 回答
  • 0 關(guān)注
  • 1426 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號