微信小程序开发 专题
专题目录
您的位置:微信小程序开发 > 微信小程序开发专题 > 微信小程序内容组件 text(文本)
微信小程序内容组件 text(文本)
作者:--    发布时间:2019-11-20

文本。
属性名 类型 默认值 说明 最低版本
selectable boolean false 文本是否可选 1.1.0
space string false 显示连续空格 1.4.0
decode boolean false 是否解码 1.4.0

space 有效值:

说明
ensp 中文字符空格一半大小
emsp 中文字符空格大小
nbsp 根据字体设置的空格大小
tips
  • decode可以解析的有   < > & '    
  • 各个操作系统的空格标准并不一致。
  • <text/> 组件内只支持 <text/> 嵌套。
  • 除了文本节点以外的其他节点都无法长按选中。

示例:

代码片段

<view class="btn-area">
  <view class="body-view">
    <text>{{text}}</text>
    <button bindtap="add">add line</button>
    <button bindtap="remove">remove line</button>
  </view>
</view>


var initdata = 'this is first line\nthis is second line'
var extraline = [];
page({
  data: {
    text: initdata
  },
  add: function(e) {
    extraline.push('other line')
    this.setdata({
      text: initdata + '\n' + extraline.join('\n')
    })
  },
  remove: function(e) {
    if (extraline.length > 0) {
      extraline.pop()
      this.setdata({
        text: initdata + '\n' + extraline.join('\n')
      })
    }
  }
})


text


网站声明:
本站部分内容来自网络,如您发现本站内容
侵害到您的利益,请联系本站管理员处理。
联系站长
373515719@qq.com
关于本站:
编程参考手册