ホームページ  >  記事  >  WeChat アプレット  >  WeChat アプレット wxapp コンテンツ コンポーネント テキストの詳細な紹介

WeChat アプレット wxapp コンテンツ コンポーネント テキストの詳細な紹介

高洛峰
高洛峰オリジナル
2017-02-14 14:19:291871ブラウズ

WeChat アプレット コンテンツ コンポーネント: text

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

読んでいただきありがとうございます、皆さんのお役に立てれば幸いです、このサイトのご支援に感謝します!

WeChat アプレット wxapp コンテンツ コンポーネント テキストの詳細な紹介については、PHP 中国語 Web サイトの関連記事に注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。