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

 时间:2024-10-14 03:43:33

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级升级攻略
  • 热门搜索
    植树手抄报内容 病毒手抄报图片 环保知识手抄报 创建文明城市手抄报内容 妇女节手抄报内容50字 抗病毒手抄报 教师节的手抄报 世界无烟日手抄报图片 关于国庆的手抄报 诗配画手抄报