关于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
})
}