关于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号