問題タブ [v-for]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - v-for での Vue 同期データ
テンプレート内には、次の要素があります。
私のスクリプトには次のものがあります。
私の質問は、<span>要素を表示する方法と、応答が?v-forのリストで返されたら実行する方法です。items
vue.js - プロパティでdomからv-forアイテムを選択する最も簡単な方法は?
私は取引のリストを次のようにレンダリングしています:
idメソッドに渡されていることがわかるように、取引にはプロパティがありますsetScrollLocation。
DOM から特定の取引 ID を持つ要素を選択するにはどうすればよいですか?
data-attribute のようなものを使用して、次のように単純に取引 ID を設定できます。
document.querySelectorこれで、 のようなものを使用してクエリできるものがありthis.$el.querySelectorます。
querySelectorこれは耐障害性がないため、コンポーネント内でa のようなものを使用しないことを好みます。これを行うためのより良い方法は何でしょうか?
javascript - v-for ループ項目が Vue ですぐに更新されない
静かなコンプレックスになりがちなので、ポイントごとに説明します。
マウスまたはトラックパッドでテキストを強調表示し、マウスを離すと、強調表示されたテキストがオブジェクトの配列に保存されます。各オブジェクトには、選択したテキストが含まれています。
その配列をループして、別のテキストを選択している限り、すべての選択を 1 つずつ表示できるようにしたいと考えています。
基本的に、選択した各テキストを selectionArray に格納しています。selectedText はそれぞれ、オブジェクト内の文字列です。したがって、SelectionArray は、最初の選択で次のようなオブジェクトの配列になります。
2 番目の選択で、配列が更新されます。
など...最後に、selectionArrayと等しいitems配列でv-onを使用してループします。
現時点ではほとんどそこにいますが、ライブで変更が表示されないため、何かが欠けています。たとえば、結果を確認できるようにするには、HTML で役に立たない変更 (奇妙な) を行う必要があります。作成されたメソッドを疑っていますが、少なくとも論理的な調査方法をお願いします。どうも
コードは次のとおりです。
vue.js - テーブル内のネストされた v-for vuejs
私は2セットのデータを持っています。
時間の長さのリスト
その特定の期間に割り当てられたバスのリスト
テーブルを使用して、vue jsを使用してその期間のリストを表示しています
assignedBusしかし、実際には、データに基づいて期間と対応するボタンを表示したい
表の値は次のようにする必要があります
したがって、ボタンtimeDurationsに一致するデータがある場合は、そうでなければなりませんassignedBusView BusAssign Bus
ここに私のフィドルがあります-> https://jsfiddle.net/943bx5px/31/
助けてください。ありがとう