javascript - vuejsでのリストラジオ選択（スタイル変更）の実装

Question

最初に最初のものを選択します

ただし、スタイルのチェックを外さずに選択されている別のスタイルを選択します

コードは以下のように表示されます

問題は何ですか? 私の理解では、clickindex を変更した後、インターフェイスが再レンダリングされ、インデックスと clickindex が等しくない場合は他のセルに通常のスタイルが与えられるということですが、そうではないようです。

Answer 1

この clickindex 和 this.index はすべてリスト項目コンポーネントにありますよね?それで問題が発生しました。

を入れる必要がありますclickindex保存在列表那个组件上，然后通过props传进列表项中。而点击事件则应冒泡到列表组件中，然后让列表组件修改clickindex。

Answer 2

vue はデータ駆動型のビュー メソッドを使用します: {

リーリー