javascript - Vue2.0 Comment obtenir un index dans un événement sans boucle V-For?

Question

RT

En plus d'utiliser le natif, existe-t-il des méthodes et des techniques fournies avec Vue ?
Merci~

Answer 1

var el = document.getElementById('container-id');

el.addEventListener('click', function(e) {    
    var p = e.target.parentElement;
    var index = Array.prototype.indexOf.call(p.children, e.target);
}

Je te donne juste une idée

---

<p class="container" ref="containBox">
    <span @click="getIndex">test</span>   
    <span>test</span>
    <span>test</span>
    <span>test</span>
    <span>test</span>
</p>

export default {
    methods: {
        getIndex (e) {
            const parent = this.$refs.containBox.xxx 
            // 上面我忘记xxx是什么了，反正可以获取父元素，console.log(this.$refs)看看
            const index = Array.prototype.indexOf.call(parent.children, e.target)
            // ...
        }
    }
}

Answer 2

D'où vient l'index s'il n'y a pas de boucle ?? À quoi fait référence l'index

Answer 3

Utilisez document.queraySelectAlll natif pour donner à li le même nom de classe pour obtenir le tableau li. Il existe maintenant un index

.

Answer 4

Je ne comprends pas très bien ce que tu veux dire. . . .
Comment charger les données d'une liste sans utiliser v-for ? Pour trouver le numéro de séquence du nœud en fonction du dom, vous devez également disposer du nœud dom. . .