微信小程序 wxapp内容组件 text详细介绍

(编辑：jimmy 日期: 2024/11/19 浏览：3 次 )

微信小程序内容组件

微信小程序 wxapp内容组件 icon

微信小程序 wxapp内容组件 text

微信小程序 wxapp内容组件progress

微信小程序内容组件：text

文本节点，支持转义符"\"。

除了文本节点以外的其他节点都无法长按选中

示例：

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

var initData = 'this is first line\nthis is second line'
Page({
 data: {
 text: initData
 },
 extraLine: [],
 add: function(e) {
 this.extraLine.push('other line')
 this.setData({
  text: initData + '\n' + this.extraLine.join('\n')
 })
 },
 remove: function(e) {
 if (this.extraLine.length > 0) {
  this.extraLine.pop()
  this.setData({
  text: initData + '\n' + this.extraLine.join('\n')
  })
 }
 }
})

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

上一篇：微信小程序 wxapp内容组件 progress详细介绍
下一篇：微信小程序 wxapp内容组件 icon详细介绍