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

网络编程 2024/11/15 佚名

3 2 1

微信小程序内容组件

微信小程序 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内容组件,text,小程序,wxapp内容组件,text详解,wxapp内容组件,text

标签：