1. スタイル属性をバインドして変更する最初のステップ: 要素ノードを取得する必要があります uniApp プロジェクトには windowou オブジェクトがないため、ドキュメントを通じて dom ノードを直接取得することはできません。vue の参照はカスタム コンポーネントに対してのみ有効であり、uniapp のタグに対しては有効ではありません。 uniapp の公式 Web サイトで uni.createSelectorQuery() API を確認してください。このプロパティを使用してラベルのスタイルを取得し、スタイルを動的にバインドして変更できます。 html:<button type="default" @click="handleFont">クリックするとフォントが大きくなります</button> <view class="weibo_box" id='index0' :style="{fontSize:vHeight + 'px'}"> 対応するjs:データ(){ 戻る { v高さ:22 } }, ハンドルフォント(){ const それ = これ uni.createSelectorQuery().select('#index0').boundingClientRect(関数(データ) { console.log('要素情報0:', データ) その.v高さ +=10 }).exec() } 達成された効果: 次に、refを使用してDOM要素ノードを取得します。コード:<button type="default" @click="handleFont">クリックするとフォントが大きくなります</button> <view class="weibo_box" id='index1' ref="mydom"> 2番目 データ(){ 戻る { v高さ:22 } }, //一部のコードは無関係なので、handleFont(){を省略します const それ = これ that.$refs.mydom.$el.style.fontSize=that.vHeight+=1+'px' } 達成された効果: 要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: MySQL の null (IFNULL、COALESCE、NULLIF) に関する知識ポイントのまとめ
これは純粋に CSS で実装された大きなドロップダウン メニューです。この大きなメニューは、js コ...
この記事では、js+canvasコードの雨効果の具体的なコードを参考までに共有します。具体的な内...
選択肢がある場合は、UTF-8を使用することをお勧めします。実際、Windows システム自体のプロ...
序文実際、Linux では、控えめな「!」が驚くほど多くの用途で使用されています。この記事では、「!...
1. mysqlコマンドをインポートするmysql コマンドのインポート構文は次のとおりです。 my...
シングルノードデータベースの欠点大規模なインターネットプログラムはユーザーベースが大きいため、アーキ...
ファイル内の文字列の数を数えることは、実際には砂の中の石を探すようなものです。ある人は、石を見た後に...
画像アクセラレータ中国の Docker Hub からイメージをプルすることが難しい場合があります。こ...
目次1. CSS のみを使用して作成したアニメーションのクリスマスツリー2. CSS のみを使用して...
目次1. HTML5のテンプレートタグ2. テンプレートタグ操作のプロパティとメソッド3. Vueの...
1. インデックスの役割一般的に言えば、インデックスは本の目次に相当します。条件に基づいてクエリを実...
Openlayers は、WebGIS クライアント向けのモジュール式で高性能かつ機能豊富な Jav...
この記事の例では、Vueプロジェクトでのトークン検証ログインの具体的なコードを参考までに共有していま...
序文今日 GitHub を閲覧していたところ、SQL を最適化および書き換えるための sora とい...
序文Samba は、サーバー プログラムとクライアント プログラムで構成され、Linux システム上...