微信小程序基础内容类组件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级升级攻略
  • 热门搜索
    不穿的衣服怎么处理 个人身份怎么填 蚂蚁借呗怎么开通 微信朋友圈怎么看访客记录 清宫表怎么看 鸡肉怎么做好吃又简单 脚上长鸡眼怎么办 怎么钓鲤鱼 电脑密码怎么取消 中学生怎么赚钱