關于rich-text組件動態注入的HTML代碼中包含a標簽 不能點擊跳轉
以下是有問題的部分
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事件也執行不了。。。。rich-text組件
解決方法：
可以將rich-text組件換成uParse組件，uParse組件可以實現動態注入a標簽跳轉
<uParse :content="strings" @preview="preview" @navigate="navigate" />
navigate就是點擊跳轉方法
在method中加上navigate函數：
navigate(href, e) {
//比如點擊a標簽，打開某個webview并傳輸url
uni.navigateTo({
url: '/pages/goodsDetail/webView?url=' + href
})
}
您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。
蘇公網安備 32070502010230號