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) に関する知識ポイントのまとめ
導入増分バックアップとは、完全バックアップまたは最後の増分バックアップの後、後続の各バックアップでは...
最近、業務上のボタンの増加により、ページレイアウトにボタンが多すぎて、ページが美しくなく、ユーザーエ...
最近、社内に Hadoop テスト クラスターを構築したいので、docker を使用して Hadoo...
原因不明のMySqlサービス消失の解決策先ほど、MySQL-Front が突然 MySql を開けな...
序文これは古くからの要望ですが、オンラインで解決策を探している人はまだ多く、特に検索結果の上位にラン...
tomcat の containerID を見つけて、tomacat ディレクトリに入ります。 [r...
この記事の例では、テーブル行データのスクロール効果を実現するためのjQueryの具体的なコードを参考...
目次1. VMwareをインストールする1.1 VMwareworkstationsをダウンロードし...
<Head>……</head> は <HTML> のファイル ヘ...
この記事では、WeChatアプレットの具体的なコードを参考までに紹介します。具体的な内容は次のとおり...
今日、null 値をテストしていたところ、小さな問題が見つかりました。ここに記録しました。以前にも遭...
この記事では、MySQL 8.0.15 winx64解凍版のインストールと設定方法を紹介します。具体...
今日は、MySQL データベースと SQL 標準 (および他のデータベース) の UPDATE ステ...
1. 背景DockerでRabbitMQをデプロイする際に、次の2つの問題が発生します。問題1: ス...
バックグラウンド コントローラー @RequestMapping("/getPDFStre...