Vue @ click is invalid

1. All other components are fine, but the click event in this .vue file is not valid

2 binding click events to any of the elements in this .vue file is not valid

3.item.k can be rendered successfully

    <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")
    }
  },
Mar.06,2021

first of all, you have to make sure that you have clicked on the li tag, which contains a span tag. If you click on this tag every time, it must not be triggered. The test is provided as follows:
1, put the click > event on the span tag to see if you can trigger
2. Try writing @ click.native='addQuery (item.k)'

like this. < hr >
I hope my answer will be helpful to you!

the code you posted

console.log('query)

there is an extra'
. I don't know if it is the cause of the problem.

There is no need to write parentheses in

v-for, and then what the upstairs brother said about printing has half the quotation marks missing. Others do not seem to have any questions


Thank you for your answers, found the reason for the style level problem, did not point to that element at all,
excuse me, please

Menu