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

高洛峰
リリース: 2017-02-14 14:19:29
オリジナル
1898 人が閲覧しました

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 サイトの関連記事に注目してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!