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

 时间:2026-04-23 06:07:24

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级升级攻略
  • 热门搜索
    免费追剧大全在线观看 小学英语语法大全 爱丽丝梦游仙境简介 游戏中心大全 电视墙装修效果图大全 傅抱石简介 电视频道大全 猪肚的做法大全 男人手相图解大全 影视大全免费