javascript - Vue v-for a click事件失效

Question

<template>
<p class="mainPanel page-app">
<p class="jk-box">
<ul>
        <li v-for="x in list"  ><a id="dangwuzhinan" @click.native="change">{{x.name}}</a></li>
</ul>
</p>
</p>
</template>
<script>
export default {
  name:"app",
  data () {
      return {
         list:[
            {name:"3333333333333"},
            {name:"2222222222"},
            {name:"11111111"}
            ],
          
      }
  },
  methods:{
    change: function() {
    
      console.log("aaa")
    }
  }
}

求指點...也不報錯誤

Answer 1

可以參考這個=》答案