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 ページの作成
推薦する
HTML チュートリアル: 順序なしリスト
<br />原文: http://andymao.com/andy/post/102.h...
MySQL 文字セットの文字化けとその解決方法
序文文字セットは、一連のシンボルとエンコード規則です。Oracle データベースでも MySQL デ...
CentOS 7 で Python を 3.6.6 にアップグレードした後に発生する yum エラー問題の解決方法の概要
最近、テスト サーバーのオペレーティング システムを Cent0S 7.5 にアップグレードし、Py...
VirtualBox で作成された Debian 仮想マシンは Windows ホストとファイルを共有します
用語： 1. VM: 仮想マシンステップ： 1. Windows 10 に VirtualBox 6...
Vue は動的な円形のパーセンテージ進捗バーを実装します
最近、小さなプログラムを開発しているときに、次の設計図のような円形のパーセンテージ進捗状況バーを実装...
古典的なJavaScriptの再帰ケースの質問の詳細な分析
目次再帰とは何ですか？また、どのように機能しますか？ 1. 合計（１）デジタル加算（２）配列の和2....
Vue3.0はチェックボックスコンポーネントのカプセル化を実装します
この記事では、チェックボックスコンポーネントのカプセル化を実装するためのvue3.0の具体的なコード...
MySQL truncate table ステートメントの使用
Truncate table ステートメントは、テーブル内のすべてのデータを削除/切り捨てるために使...
ナビゲーションバーコンポーネントをVueでカプセル化する
はじめに:ナビゲーション バーなどのコンポーネント ベースのアイデアを使用して機能モジュールを完全に...
Promise カプセル化 wx.request メソッド
前回の記事では、Promise を使用して小さなプログラム wx.request をカプセル化する実...
VMware esxi6.5 のインストールと使用の詳細な手順
目次導入建築ESXIの利点vSphere とは何ですか? 2. 仮想マシンの利点3. 仮想マシンを使...
MySQL インフラストラクチャ チュートリアル: クエリ ステートメント実行プロセスの詳細な説明
序文私は以前から、SQL 文がどのように実行され、どのような順序で実行されるのかを知りたいと思ってい...
Reactにおけるコンテキスト適用シナリオの分析
コンテキストの定義と目的コンテキストは、コンポーネント ツリーにプロパティを明示的に渡すことなく、コ...
ページング効果を実装するミニプログラム
この記事の例では、ページング効果表示を実現するためのミニプログラムの具体的なコードを参考までに共有し...
コード標準では、SQL ステートメントに結合が多すぎないようにする必要があるのはなぜですか?
無料ポイントインタビュアー：Linuxを使ったことはありますか？私：はいインタビュアー：メモリ使用量...