javascript - Use vue.js to achieve the effect: click li, get the html value of the current click li, and the parameter this becomes the window object?

Question

The effect to be achieved: Click li to get the html value of the currently clicked li; Main code {code...} Problem description: The this passed after clicking li is printed as the window object, not the li object, so the object cannot be found ;How to pass the current li object to js?

高洛峰 · Answer

Read the documentation carefully...don't make assumptions about these inexplicable usages.

When an inline event needs to access the original event object, just add the $event parameter to it. Like this:

{{item}}

To get the object of the current li tag, just read the currentTarget attribute under the event object, that is, event.currentTarget.

女神的闺蜜爱上我 · Answer

{{item}}

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

ringa_lee · Answer

Add a ref attribute to li and then get the dom node through this.$refs in methods

typecho · Answer

Test possible:

{{item}}

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

The effect to be achieved:

Main code

Problem Description: