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) に関する知識ポイントのまとめ
この本「グラフィックデザイナーとして成長する」は多くの人が読んでおり、私もオリジナルの PDF 版を...
イベントバブリング、イベントキャプチャ、イベント委任JavaScript では、イベント委譲は非常に...
日常の開発では、データベースの追加、削除、変更、クエリが一般的に行われるため、Mysql で NUL...
問題<br />レスポンシブ レイアウトでは、iframe 要素に注意する必要があります...
序文この記事では、div の幅を 100% に設定し、親要素を超えてパディングまたはマージンを設定す...
目次変数データ型拡張ポイント要約する変数基本的な構文 var age=10; //ageという変数を...
forループ基本的な構文形式: for(変数の初期化; 条件式; 演算式){ループ本体ステートメント...
1. スクロールビュー垂直スクロールを使用する場合は、固定の高さを指定して CSS で高さを設定する...
ステップ1: システムのアーキテクチャを確認する dpkg --print-architecture...
目次[例を見る]: 【本来の効果は以下の通り】理由は次のとおりです。 【解決】:要約するBootSt...
複数の条件を持つ MySQL クエリ環境: MySQL 5.7 where ステートメントに複数の ...
目次Nginx 負荷分散構成Nginx 負荷分散戦略ポーリング(デフォルト)重さip_ハッシュ公正(...
目次1 マスター・スレーブの読み取り・書き込み分離1.1 コア2 マスタースレーブレプリケーション2...
序文クエリ情報が複数のテーブルから取得される場合、クエリのためにこれらのテーブルを結合する必要があり...
目次1. ファイルをインポートする2. HTMLページ3. メインコード4. 画像をbase64に変...