微信小程序基础内容类组件rich-text使用详解

 时间:2026-02-15 12:12:04

1、先百度搜索查看 rich-text 富文本组件的官方文档,该组件支持使用部分受信任的HTML节点及属性来构建页面内容。

微信小程序基础内容类组件rich-text使用详解

2、wxml中通过 <rich-text> 标签创建一个富文本组件,显示的数据通过动态绑定的方式赋值,并绑定点击相关的3个事件回调函数。

微信小程序基础内容类组件rich-text使用详解

3、js 中添加如下内容:

1. 为上述 rich-text 绑定的数据变量赋初始值;

2. 创建所需的事件回调函数。

微信小程序基础内容类组件rich-text使用详解

4、保存编译后,在模拟器中查看页面效果,符合预期。

微信小程序基础内容类组件rich-text使用详解

5、打开调试器,点击文本内容,可以在调试器中看到绑定的事件回调函数被执行。

微信小程序基础内容类组件rich-text使用详解

  • 纯无糖蛋糕的做法大全
  • 电竞艺考考哪些内容
  • 香香脆脆的黄米面红枣年糕团子窝头
  • 常见水果有哪些不一样的吃法?
  • 《仙域》玩家快速升级手册1-60级升级攻略
  • 热门搜索
    什么是长镜头 pm10是什么意思 cpm是什么意思 什么是色调 香肠炒什么好吃 什么官许愿 预付账款借方表示什么 鑫是什么意思 送老师什么礼物合适 什么时候恢复高考