javascript - Implémentation de la sélection radio de liste (changement de style) dans Vuejs
PHPz
PHPz 2017-06-05 11:13:43
0
2
1169

Sélectionnez initialement le premier

Mais maintenant, sélectionnez un autre autre sélectionné sans décocher le style

Le code est le suivant

Excusez-moi, quel est le problème ? Je crois comprendre qu'après avoir modifié le clickindex, l'interface est restituée, puis le style normal sera donné aux autres cellules si l'index et le clickindex ne sont pas égaux, mais cela ne semble pas être le cas

PHPz
PHPz

学习是最好的投资!

répondre à tous(2)
洪涛

Ce clickindex et this.index sont tous deux sur le composant d'élément de liste, n'est-ce pas ? D'où les problèmes causés. clickindexthis.index 都是在列表项的组件上的吧?所以导致的问题。

应该把clickindex保存在列表那个组件上,然后通过props传进列表项中。而点击事件则应冒泡到列表组件中,然后让列表组件修改clickindex

Vous devez enregistrer clickindex dans le composant de liste, puis le transmettre dans l'élément de liste via les accessoires. L'événement click doit remonter jusqu'au composant liste, puis laisser le composant liste modifier clickindex. #🎜🎜#
巴扎黑

vue utilise des méthodes d'affichage basées sur les données : {

  incrementTotal: function (a) {
      for(let i=0;i<this.list.length;i++){
           if(i==(a-1)){
             this.list[i].Active=true
           }else {
             this.list[i].Active=false
           }
      }
  }
  这事我写的方法
  
  
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal