javascript - Utiliser vue.js pour obtenir l'effet suivant : cliquer sur li, obtenir la valeur HTML du clic li actuel et le paramètre this devient l'objet window ?

Question

L'effet à obtenir : Cliquez sur li pour obtenir la valeur html du li actuellement cliqué ; Code principal {code...} Description du problème : Le this passé après avoir cliqué sur li est imprimé en tant qu'objet window, pas en tant qu'objet li, donc le l'objet est introuvable ;Comment transmettre l'objet li actuel à js ?

高洛峰 · Answer

Lisez attentivement la documentation... ne faites pas d'hypothèses sur ces utilisations inexplicables.

Lorsqu'un événement en ligne doit accéder à l'objet événement d'origine, ajoutez-y simplement $event paramètres. Comme ça :

{{item}}

Vous devez avoir le courantli标签的对象，读取事件对象下的currentTarget属性就行了，即event.currentTarget.

女神的闺蜜爱上我 · Answer

{{item}}

aa(item) {
  console.log(item) // 当前li的内容
}

ringa_lee · Answer

Ajoutez un attribut ref à li, puis récupérez le nœud dom via this.$refs dans les méthodes

typecho · Answer

Test possible :

{{item}}

  methods:{
    aa:function(event){
        console.log(event.target.innerHTML);
    }
  }