首頁  >  文章  >  微信小程式  >  微信小程式 wxapp內容元件 text詳細介紹

微信小程式 wxapp內容元件 text詳細介紹

高洛峰
高洛峰原創
2017-02-14 14:19:291871瀏覽

微信小程式內容元件: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 = &#39;this is first line\nthis is second line&#39;
Page({
 data: {
 text: initData
 },
 extraLine: [],
 add: function(e) {
 this.extraLine.push(&#39;other line&#39;)
 this.setData({
  text: initData + &#39;\n&#39; + this.extraLine.join(&#39;\n&#39;)
 })
 },
 remove: function(e) {
 if (this.extraLine.length > 0) {
  this.extraLine.pop()
  this.setData({
  text: initData + &#39;\n&#39; + this.extraLine.join(&#39;\n&#39;)
  })
 }
 }
})

感謝閱讀,希望能幫助大家,謝謝大家對本站的支持!

更多微信小程式 wxapp內容元件 text詳細介紹相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn