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) に関する知識ポイントのまとめ
目次1. 円を描く2. マウスで動かした円3. マウスでドラッグした粒子4. カラーグラデーション粒...
例示するフロントエンド開発では、セルの幅を制限し、コンテンツが制限を超える部分に省略記号を表示する必...
最近、React プロジェクトで初めてhtml-webapck-pluginプラグインを使用しました...
簡単なレビュー: ブラウザの互換性の問題は、しばしば頭痛の種となります。ここでは、これらの問題を回避...
Linux が NFS サーバーを構築異なるオペレーティング システム間でデータを共有するために、通...
目次1. 場所オブジェクト1. URL 2. 場所オブジェクトのプロパティ3. ロケーションオブジェ...
質問Alibaba Cloud イメージを使用して Docker をインストールすると、次の図に示す...
トランザクションとは何ですか?トランザクションは、データベース管理システムの実行プロセスにおける論理...
ダウンロードダウンロードアドレス: https://dev.mysql.com/downloads/...
A. MySQLバックアップツールxtrabackupのインストール1. Percona 公式 xt...
MyISAM、MySQLでよく使われるストレージエンジン特性: 1. 同時実行性とロックレベル2. ...
CocosCreator バージョン: 2.4.2 jszipの実践的なプロジェクトアプリケーション...
これに先立ち、1日かけてやってみました。Seataは使い方が簡単で超シンプルですが、インストールや設...
回転フリップ効果の CSS アニメーション、具体的な内容は次のとおりです。 1. まず2つのボックス...
SASS を使用する開発者が増えるにつれて、SASS コードの数に注意する必要があります。 SASS...