javascript - Wie erhalte ich in Vue2.0 den Index in einem Ereignis ohne V-for-Schleife?

Question

RT

Gibt es neben der nativen Verwendung noch andere Methoden und Techniken, die mit Vue einhergehen?
Vielen Dank~

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);
}

只是提供个思路

---

<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

没有循环哪里来的index呢?? index是相对哪里的index呢

Answer 3

用原生 给li相同的class类名 document.queraySelectAlll来获取li数组 这下就有index了

Answer 4

没太明白你说的什么意思。。。。
没用v-for列表数据怎么加载出来的？按照dom找节点顺序号也要有dom节点啊。。。