★→ASP程序学习群:62655404 微信公众号开发
订阅本栏目 RSS您所在的位置: 深山工作室 > uni-app > 正文

uniapp的rich-text组件注入的a标签点击跳转处理

 2020/9/15 15:45:46  字体:  浏览 3367 我要评论
需要定制网站程序、公众号程序、微信小程序可以联系:565449214或者加微信13961347334(备注:需要技术)
或者在处理一些技术问题时,有什么不懂的地方,随时可以加我QQ:565449214讨论技术或者加QQ群62655404讨论
当前标签
uniapp的rich-text

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

相关阅读
没有相关的信息加入
共有0条关于《uniapp的rich-text组件注入的a标签点击跳转处理》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
uni-app
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
uni-app开发表单input组件的一些规则说明自己预留使用
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
小程序打开pdf文件并保存到本地 支持远程pdf、word、xls表格文件打开
小程序利用rich-text简单处理富文本解析html
微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
微信小程序客服会话只能过button让用户主动触发
uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用
更多>>最新添加文章
uni-app开发表单input组件的一些规则说明自己预留使用
查询某个字符在字符串中出现的位置数组
百度小程序开发第一坑tcomponent自定义组件命名坑Compile san component failed. . [SAN ERROR] ROOT>swan-custom-component>view>千万不要用下划线作为自定义组件名
开始百度小程序开发需要准备工作
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
小程序打开pdf文件并保存到本地 支持远程pdf、word、xls表格文件打开
uni-app里面复制内容时保留换行利用正则替换br标签替换成回车换行符
更多>>随机抽取信息
一些在工作中收集的企业文化标语
asp利用sina提供的ip库端口来获得当前IP所有的地区,所在国,所在省,所在市,在线解析json
怎样增加网站外链接和注意事项
asp从a到z循环输出26个英文字母
一个几个图片来回变幻的超炫的图片转换效果
网页小键盘/软键盘
ASP.Net利用CSS实现多界面的方法
ewebeditor 删除信息时同时删除相关上传文件