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

 时间:2024-10-12 00:06:55

1、在 wxml 文件中通过 <text> 标签创建一个文本组件,通过数据绑定的方式赋值,关于数据绑定的概念,可以参考如下经验引用。

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

2、js 文件中定义上述绑定的数据变量的初始值。

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

3、保存编译,通过模拟器查看页面显示效果,因为默认 text 组件的 selectable 属性为 false,即文本不可长按选择,模拟器中测试长按文本,确认无法选择。

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

4、测试 selectable 属性的作用在<text> 标签中添加 selectable="true" 的属性后,保存编译,在模拟器中,长按文本,可实现文本选择的功能。

5、测试 decode 属性的作用在<text> 标签中添加 decode="true" 的属性后,保存编译,在模拟器中,可以看到文本组件能够解析一些转义字符。

微信小程序基础内容类组件text使用详解
  • 如何用 ProcessOn 绘制思维导图
  • 数据库er图怎么画
  • sql自动生成ER图
  • navicat如何插入数据?
  • E-R图该怎么画
  • 热门搜索
    劳动节手抄报简单好画 关于古诗的手抄报 一二年级消防手抄报 关于安全的手抄报内容 疫情防控手抄报 五年级英语手抄报 开学第一课手抄报 保护动物手抄报 初中手抄报 物理手抄报