微信小程序基础内容类组件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级升级攻略
  • 热门搜索
    小品疯狂旅游团 上海金山旅游 张北旅游景点大全 上海朱家角古镇旅游区 北京旅游交通图 宣城旅游景点大全 旅游鞋品牌 甘南 旅游 河北旅游考试网 湖南省旅游景点大全