VUE ユニアプリの基本コンポーネントの簡単な紹介
|
1. スクロールビュー 垂直スクロールを使用する場合は、固定の高さを指定して CSS で高さを設定する必要があります。水平スクロールを使用する場合は、
双方向データバインディング
<テンプレート>
<表示>
<scroll-view class="scroll" scroll-y="true" @scroll="scroll">
<view v-for="i in 100">{{i}}</view>
</スクロールビュー>
</ビュー>
</テンプレート>
<スクリプト>
エクスポートデフォルト{
データ（） {
戻る {
フラグ:true
}
},
メソッド: {
スクロール(e){
コンソールログ(e.detail);
}
}
}
</スクリプト>
<スタイル>
。スクロール{
高さ:400rpx;
}
</スタイル>
要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: XHTML 入門チュートリアル: シンプルな Web ページの作成
推薦する
CSS で中空効果を実装するサンプルコード
効果原理主にCSSグラデーションを使用して、切り取りを必要としない背景のくり抜きを実現します。クーポ...
IE6 で JS エラーが発生し、CSS が適用されない HTML エンコードの問題の解決策
テストでは、ページ定義がutf-8でエンコードされている場合、 js ファイルに中国語などのマルチバ...
XHTML の珍しいが便利なタグ
Xhtml には、あまり使用されないが非常に便利なタグが多数あります。半分の労力で 2 倍の結果を達...
Vue要素ツリーコントロールに点線を追加する詳細な説明
目次1. 成果を達成する2. 実装コード3. その他の実装要約する1. 成果を達成する 2. 実装コ...
React 構成 px 変換 rem メソッド
関連する依存関係をインストールするnpm i lib-flexible --save npm i p...
JSアルバム画像の揺れと拡大表示効果のサンプルコード
前回の記事では、JS を使って簡単な揺れ効果を実現する方法を紹介しました。ご興味があればクリックして...
Webフロントエンド開発エンジニアが習得すべきコアスキル
Web フロントエンド開発に含まれる内容は、主に W3C 標準の構造、動作、パフォーマンスです。では...
Mac で MySQL バージョン 5.6 のパスワードを設定する方法
MySQLはインストール時に設定できますが、それより低いバージョンは設定できないようで、インストール...
高い同時実行性の下でNginxのパフォーマンスを最適化する方法をまとめます
目次特徴利点インストールとコマンド設定ファイルプロキシモードとリバースプロキシ構成フォワードプロキシ...
Windows10 HomeバージョンにDockerをインストールするときに発生する問題の概要
Docker ダウンロード アドレス: http://get.daocloud.io/#instal...
Nginx プロセス管理とリロードの原則の詳細な説明
プロセス構造図Nginx はマルチプロセス構造です。マルチプロセス構造は、次のような Nginx の...
Nginx リバース プロキシから go-fastdfs へのケースの説明
背景go-fastdfs は、http プロトコルをサポートする分散ファイルシステムです。一般的なプ...
JavaScript でシンプルなタイマーを実装する
この記事では、参考までに簡単なタイマーを実装するためのJavaScriptの具体的なコードを紹介しま...
HTML 要素の高さ、offsetHeight、clientHeight、scrollTop などの詳細な説明。
要素に関するいくつかの属性フロントエンドの日常的な開発では、一部のページのプロパティを取得または監視...
HTMLタグと基本要素の学習のまとめ
1. HTML の要素とタグ<br />要素は、1 つのタグまたは 1 組のタグによって...