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) に関する知識ポイントのまとめ
この記事では、MySQL で find_in_set() 関数を使用して where in() の順...
CentOS システムで MySQL データベース ディレクトリの場所を変更する方法1. まず、My...
序文これまでは、/bin/ ディレクトリのソフトリンクを変更して Python のバージョンを切り替...
今日、研究室のプロジェクトを見ていたとき、私にとって「難しい」問題に遭遇しました。実は、それは私があ...
指令とは何ですか? Angular と Vue はどちらもディレクティブの概念を持っており、これは通...
# には位置情報が含まれます。デフォルトのアンカーは #top で、これは Web ページの上部です...
まだ rem フレキシブルレイアウトを使用していますか?圧縮された js コードの大きなセクションを...
Nginx は複数のサーバーをリバース プロキシします。つまり、nginx に異なるリクエストを送信...
1. インストールディレクトリにzipパッケージを解凍します。まず、mysql-8.0.11-win...
最近、プロジェクトで選択クエリを使用する際に、未使用の主キー ID を除外するために not in ...
この記事の例では、双方向データバインディングを実装するためのVueの具体的なコードを参考までに共有し...
MERGE ストレージ エンジンは、MyISAM テーブルのグループを論理ユニットとして扱い、同時に...
目次1. デカルト積現象2. 接続クエリの知識ポイントのまとめ1) 結合クエリとは何ですか? 2) ...
目次方法1: 関数を直接呼び出す方法2: provide / inject (静的更新) を使用する...
Chrome ブラウザで Web ページを開くと、ページを右クリックすると 2 つの非常によく似たオ...