细嗅蔷薇
细嗅蔷薇
  • 发布:2020-06-09 16:05
  • 更新:2021-12-04 01:18
  • 阅读:5688

关于uniapp的rich-text组件 动态注入的HTML代码中包含a标签 不能点击跳转的解决方法

分类:uni-app

一年多前的一个提问,结果到现在还有很多人来加我q问我怎么解决

在这里统一回复下,关于rich-text组件动态注入的HTML代码中包含a标签 不能点击跳转

解决方法:

可以将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  
     })  
}
2 关注 分享
1***@qq.com hws007

要回复文章请先登录注册

hws007

hws007

顶一下
2021-12-04 01:18
6***@qq.com

6***@qq.com

刚用了,a标签解析不了,不能跳转,而且文本格式跟rich-text差别很大。
2021-12-03 14:27
m***@qq.com

m***@qq.com

了解一下
2021-01-14 22:00
细嗅蔷薇

细嗅蔷薇 (作者)

回复 没得好名字 :
可以的
2020-09-02 22:15
没得好名字

没得好名字

有多个a标签,跳转链接也不同,可以用这个吗
2020-08-25 14:33