网站首页 > 基础教程 正文
官方api:https://uniapp.dcloud.io/component/rich-text.html
富文本<rich-text>标签提供了拦截点击事件@itemclick,可以拦截点击事件(只支持a、img标签),返回当前节点信息。
<rich-text :nodes="mcontent" @itemclick="itemclick"></rich-text>
1、项目中,富文本中a跳转实例子
itemclick(e){
var that=this;
let item = e.detail.node;
console.log(item);//打印可以看到数据具体内容
if (item.name == "a") {
console.log('a');
that.handleLink(item.attrs.href);
}
else{
console.log('img');
}
},
// 点击跳转
handleLink(itemlink) {
location.href = itemlink;
},
保存图片事件,参考原文网址:
https://blog.csdn.net/qq_42460461/article/details/122430436
猜你喜欢
- 2024-10-17 前端开发基础课分享3--教你学会使用HTML中的属性,丰富你的网页
- 2024-10-17 《HTML笔记》w3c学习笔记 html+css笔记
- 2024-10-17 网站HTML title属性和HTML 标签 html网站标题
- 2024-10-17 HTML 常用标签 html常用标签及用法
- 2024-10-17 HTML 元素 html元素标签大全
- 2024-10-17 web前端基础知识:html+css web前端基础知识 相关课程
- 2024-10-17 2021年山东专升本考生必刷题——(11.13)
- 2024-10-17 HTML元素中的属性2(路径详解)——零基础自学网页制作
- 2024-10-17 亚马逊新规:详情页不可用HTML标记!A+页面能解决?
- 2024-10-17 HTML5常见的基础标签(三) html常用标签及作用
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)