text

解释：
放文本的元素

属性说明:
属性名类型默认值说明最低版本
spaceStringfalse显示连续空格-
selectableBooleanfalse文本是否可选3.10.4

space 有效值:

值说明
ensp中文字符空格一半大小
emsp中文字符空格大小
nbsp根据字体设置的空格大小

示例：在开发者工具中预览效果

  1. <view class="wrap">
        <text>{{text}}</text>
        <button class="btn" type="primary" bind:tap="add">add text</button>
        <button class="btn" type="primary" bind:tap="remove">remove text</button>
    </view>

  1. let initData = '这是一段文字.';
    let extraLine = [];
    Page({
        data: {
            text: initData
        },
        add(e) {
            extraLine.push('其他文字');
            this.setData({
                text: initData + extraLine.join(',')
            });
        },
        remove(e) {
            if (extraLine.length > 0) {
                extraLine.pop();
                this.setData({
                    text: initData + extraLine.join(',')
                });
            }
        }
    });

图片说明:

  • 除了文本节点以外的其他节点都无法长按选中。
  • 各个操作系统的空格标准并不一致。
  • <text/>组件内只支持<text/>嵌套。