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

问题描述

问 题

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

求指点...也不报错

解决方案

可以参考这个=》答案

这篇关于javascript - Vue v-for a click事件失效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！