javascript - Vue2.0 如何在没有v-for循环的情况下事件中获取到index？

问题描述

问 题

RT

除了用原生，有没有什么Vue自带的方法和技巧？
感谢~

解决方案

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

只是提供个思路

---

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

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)
            // ...
        }
    }
}

这篇关于javascript - Vue2.0 如何在没有v-for循环的情况下事件中获取到index？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！