微信小程序內(nèi)容組件 text(文本)

2022-05-11 16:06 更新

text 

文本。
屬性名 類型 默認(rèn)值 說明 最低版本
selectable Boolean false 文本是否可選 1.1.0
space String false 顯示連續(xù)空格 1.4.0
decode Boolean false 是否解碼 1.4.0

space 有效值:

說明
ensp 中文字符空格一半大小
emsp 中文字符空格大小
nbsp 根據(jù)字體設(shè)置的空格大小
Tips
  • decode可以解析的有   < > & '    
  • 各個操作系統(tǒng)的空格標(biāo)準(zhǔn)并不一致。
  • <text/> 組件內(nèi)只支持 <text/> 嵌套。
  • 除了文本節(jié)點以外的其他節(jié)點都無法長按選中。

示例:

代碼片段

<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')
      })
    }
  }
})




以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號