微信小程序基础内容类组件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使用详解
© 手抄报圈