關于rich-text組件動態(tài)注入的HTML代碼中包含a標簽 不能點擊跳轉(zhuǎn)
以下是有問題的部分
nodes: [{
name: 'div',
attrs: {
class: 'div-class',
style: 'line-height: 60px; color: red; text-align:center;',
onclick: 'javascript:alert(222)'
},
children: [{
type: 'text',
text: 'Hello uni-app!'
}]
這樣注入onclick事件也執(zhí)行不了。。。。rich-text組件
解決方法：
可以將rich-text組件換成uParse組件，uParse組件可以實現(xiàn)動態(tài)注入a標簽跳轉(zhuǎn)
<uParse :content="strings" @preview="preview" @navigate="navigate" />
navigate就是點擊跳轉(zhuǎn)方法
在method中加上navigate函數(shù)：
navigate(href, e) {
//比如點擊a標簽，打開某個webview并傳輸url
uni.navigateTo({
url: '/pages/goodsDetail/webView?url=' + href
})
}
您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。
蘇公網(wǎng)安備 32070502010230號