鍍金池/ 問(wèn)答/Python  HTML/ vue @click無(wú)效

vue @click無(wú)效

1.其它組件都可以, 唯獨(dú)這個(gè).vue文件的點(diǎn)擊事件無(wú)效

2在這個(gè).vue文件的任何一個(gè)元素綁定click事件都無(wú)效

3.item.k 可以渲染成功

    <div class='shortcut-wrapper'>
      <div class="shortcut">
        <div class="hot-key">
          <h1 class="title">熱門(mén)搜索</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')
    }
  },
回答
編輯回答
蝶戀花

v-for里面不需要寫(xiě)括號(hào)的,然后就是樓上兄弟說(shuō)的打印少寫(xiě)了一半引號(hào)。其他貌似沒(méi)有什么問(wèn)題

2017年3月4日 19:31
編輯回答
乖乖噠

你貼的代碼

console.log('query)

多了個(gè)'
不知道是不是引起問(wèn)題的原因

2017年5月15日 14:44
編輯回答
焚音

謝謝大家的回答 找到原因了 樣式層級(jí)問(wèn)題,根本沒(méi)點(diǎn)到那個(gè)元素,
不好意思,麻煩大家了

2018年9月23日 16:21
編輯回答
妖妖

首先,你得確認(rèn)你點(diǎn)到這個(gè)li標(biāo)簽了,里面有一個(gè)span標(biāo)簽,要是你每次都是點(diǎn)的這個(gè)標(biāo)簽的話(huà),那肯定是觸發(fā)不了的,提供測(cè)試的辦法如下:
1、將click事件放到span標(biāo)簽上看能否觸發(fā)
2、像這樣寫(xiě)試試@click.native='addQuery(item.k)'


希望我的回答對(duì)你有所幫助!
2017年11月14日 22:59