javascript - J'obtiens une erreur lorsque je lie un événement dans V-For dans Vue?

Question

J'ai effectué une boucle pour générer un lien de route dans v-for et je voulais y lier un événement. Cependant, une erreur a été signalée indiquant que l'événement n'était pas défini. Voici mon code

.

    <ul class="card-list">
      <li v-for="(url, index) in urls">
        <router-link class="linkTo" :to="'/Page' + (index + 1)">
          <img @click="total(index)" class="cardWidth" :src="url" alt="">
        </router-link>
      </li>
    </ul>
    
    method: {
      total: function (index) {
        console.log(index)
      }
    }
    
    

Message d'erreur :

Property or method "total" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. 
Uncaught TypeError: _vm.total is not a function

Answer 1

ces méthodes

http://vuejs.org/v2/api/#methods

Answer 2

La méthode totale n'est pas définie, celle du bas est correcte