javascript - Verwenden Sie vue.js, um den Effekt zu erzielen: Klicken Sie auf li, erhalten Sie den HTML-Wert des aktuellen Klicks auf li und wird der Parameter this zum Fensterobjekt?

Question

Der zu erzielende Effekt: Klicken Sie auf li, um den HTML-Wert des aktuell angeklickten li abzurufen. Hauptcode {code...} Problembeschreibung: Das nach dem Klicken auf li übergebene Objekt wird als Fensterobjekt und nicht als li-Objekt gedruckt Objekt kann nicht gefunden werden; Wie übergebe ich das aktuelle Li-Objekt an js?

高洛峰 · Answer

看文档的时候看的仔细一点……不要臆想这些莫名其妙的用法。

内联事件需要访问原始事件对象的时候，给里面加上$event参数就行了。像这样：

{{item}}

你要拿到当前li标签的对象，读取事件对象下的currentTarget属性就行了，即event.currentTarget。

女神的闺蜜爱上我 · Answer

{{item}}

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

ringa_lee · Answer

给li加个ref属性然后在methods中通过this.$refs拿到dom节点

typecho · Answer

测试可行：

{{item}}

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