微信小程序-text

WXML

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

JS

var initData = 'this is first line\nthis is second line'
var extraLine = [];

Page({

  /**
   * 页面的初始数据
   */
  data: {
    text:initData
  },

  add:function(e){
    extraLine.push('other line')
    //push:添加一个元素
      this.setData({
        text:initData +'\n' +extraLine.join('\n')
        //join:在每个元素后面加"\n"
      })

  },
  remove:function(e){
    extraLine.pop()
    //pop:删除最后的元素
    this.setData({
      text:initData +'\n' + extraLine.join('\n')
    })
  })

效果图: