当前位置:主页 > 网页前端 > JavaScript代码 >

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

时间:2021-01-07 11:18:46 | 栏目:JavaScript代码 | 点击:

微信小程序 内容组件

相关文章:

微信小程序 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')
  })
 }
 }
})

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

您可能感兴趣的文章:

相关文章