Heim  >  Artikel  >  WeChat-Applet  >  Detaillierte Einführung in den Inhaltskomponententext des WeChat-Applets wxapp

Detaillierte Einführung in den Inhaltskomponententext des WeChat-Applets wxapp

高洛峰
高洛峰Original
2017-02-14 14:19:291871Durchsuche

WeChat-Applet-Inhaltskomponente: Text

Textknoten, unterstützt Escape-Zeichen „“.

Andere Knoten als Textknoten können nicht lange gedrückt werden, um sie auszuwählen

Beispiel:

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

Vielen Dank fürs Lesen, ich hoffe, es kann allen helfen, Vielen Dank für Ihre Unterstützung. Unterstützung von dieser Seite!

Weitere WeChat-Miniprogramme, wxapp-Inhaltskomponenten, Text und detaillierte Einführung finden Sie auf der chinesischen PHP-Website für verwandte Artikel!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn