vue @click无效

Question

1.其它组件都可以, 唯独这个.vue文件的点击事件无效

2在这个.vue文件的任何一个元素绑定click事件都无效

3.item.k 可以渲染成功

    <div class='shortcut-wrapper'>
      <div class="shortcut">
        <div class="hot-key">
          <h1 class="title">热门搜索</h1>
          <ul>
            <li class=item  v-for='(item,index) in hotkey' :key=index @click='addQuery(item.k)'><span>{{item.k }}</span></li>
          </ul>
        </div>
      </div>
    </div>
  
     methods: {
    addQuery (quey) {
      console.log('success')
    }
  },

Answer 1

谢谢大家的回答 找到原因了 样式层级问题,根本没点到那个元素,
不好意思,麻烦大家了

Answer 2

首先，你得确认你点到这个li标签了，里面有一个span标签，要是你每次都是点的这个标签的话，那肯定是触发不了的，提供测试的办法如下：
1、将click事件放到span标签上看能否触发
2、像这样写试试@click.native='addQuery(item.k)'

---

希望我的回答对你有所帮助！

Answer 3

你贴的代码

console.log('query)

多了个'
不知道是不是引起问题的原因

Answer 4

v-for里面不需要写括号的，然后就是楼上兄弟说的打印少写了一半引号。其他貌似没有什么问题