<テンプレート> <ul class="コンテナ"> <li v-for="(item,index) in datalist" :key="index"> {{item.text}} <span></span> </li> </ul> </テンプレート> <スクリプト> エクスポートデフォルト{ 小道具:{}, データ(){ 戻る { データリスト:[ { id:1, テキスト:'山東' }, { id:2, テキスト:「北京」 }, { id:3, テキスト:'陝西' }, { id:4, テキスト:「重慶」 } ] } }, コンポーネント:{}, メソッド:{}, マウントされた(){}、 作成された(){}、 時計:{} } </スクリプト> <スタイル スコープ lang="scss"> 。容器{ ディスプレイ: フレックス; li{ 位置: 相対的; 幅: 40px; 高さ: 20px; フォントサイズ: 14px; フォントの太さ: 300; テキスト配置: 中央; 行の高さ: 20px; スパン{ 表示: インラインブロック; 位置: 絶対; 幅: 1px; 高さ: 50%; 右: 0; 上位: 50%; 変換: translateY(-50%); 背景色: #EEEEEE; } &:last-child{ //ここで、最後の灰色の線を削除する方法に注意してください span{ 幅: 0; } } } } </スタイル> 以下もご興味があるかもしれません:
|
<<: Dockerはイメージ名とTAG操作の名前を変更します
たとえば、昨日新規登録されたユーザーを照会するには、次の 2 つの書き方があります。 説明する ch...
目次序文1. 新しいVueプロジェクトを作成する2. WebStormの設定1. デバッガポートを設...
問題の説明nginx を設定することで、異なるポートを介して異なる Web アプリケーションにアクセ...
MySQL 5.5 のインストールと構成のチュートリアル ノートを整理し、全員と共有します。 1.公...
1. nacosデータベースを再開します。データベース名nacos_configユーザー名とパスワー...
nginx はリクエストを受信すると、まず server_name でサーバーを照合し、次にサーバー...
導入この記事では、django + uwsgi + nginx デプロイメントを使用して、Docke...
1. コモンズCommonjsはNode.jsのカスタムモジュールですCommonjs 仕様は、Ja...
1. ファイアウォールの設定を変更し、対応するポートを開きますLinux システムのファイアウォール...
目次1. 関数を宣言する2. 関数の呼び出し3. 関数パラメータ4. 関数の戻り値5. 議論の使用6...
目次テーマを動的に変更する最初の方法: 動的コンポーネント2番目の方法はルーティング分離です要約する...
html 、アドレス、引用、本文、 dd 、 div 、 dl 、 dt 、フィールドセット、フォ...
目次1. Vueの初期化vue エントリ ファイルフルバージョンとランタイムバージョンの違い1.1、...
背景まず、背景を説明します。ある制約により、当社の現在のバックアップ戦略では、1 日おきにフル バッ...
序文今日は、デザインパターンのクリエーションパターンを見直していたところ、JS でシングルトンパター...