微信小程序——text组件（文本）

text

文本

在使用小程序时，如果想通过长按文字进行复制文字内容，就要把该内容写在text中。

text.wxml文件

<view>
   <text>{{text}}</text>
   <button type="primary" bindtap="add">add line</button>
   <button type="primary" bindtap="remove">remove line</button>
</view>

text.js文件

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

效果图