欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  微信小程序

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

程序员文章站 2022-05-10 18:13:26
...
微信小程序内容组件: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详细介绍相关文章请关注PHP中文网!