vue.js - vuejs中获取li的索引

问题描述

问 题

<li :class="{active:selectedIndex===selectedIndex}" v-for="(res, index) in iofoData" @click="infoChange($index)">

                <span>{{res.proStatus}}</span>
                <div class="scan-arrow">
                    <img src="../../../../static/assets/Shape-10-拷贝@2x.png">
                </div>
            </li>
            
            
        方法methods中:    
            
           export default {
    components: {

    },

    data() {
        return {
            isShow: true,
            isActive: true,
            status: 0,
            iofoData: [
                {proStatus: '育种', staInfo: {name: '三三', address: '广东省深圳市深南大道1008', datatime: '2017-6-25 14:46', desc: '水生观赏动物的体色和体形永远是养殖者追求的重要性状;体色与体形往往与某些遗传因子相关联,在育种过程中作为遗传标记识别特定的品种'}},
                {proStatus: '播种', staInfo: {name: '大大', address: '广东省深圳市深南大道5555', datatime: '2017-6-25 14:46', desc: '水生观赏动物的体色和体形永远是养殖者追求的重要性状;体色与体形往往与某些遗传因子相关联,在育种过程中作为遗传标记识别特定的品种'}},
                {proStatus: '发芽', staInfo: {name: '皮皮', address: '广东省深圳市深南大道6666', datatime: '2017-6-25 14:46', desc: '水生观赏动物的体色和体形永远是养殖者追求的重要性状;体色与体形往往与某些遗传因子相关联,在育种过程中作为遗传标记识别特定的品种'}},
                {proStatus: '施肥', staInfo: {name: '球球', address: '广东省深圳市深南大道7777', datatime: '2017-6-25 14:46', desc: '水生观赏动物的体色和体形永远是养殖者追求的重要性状;体色与体形往往与某些遗传因子相关联,在育种过程中作为遗传标记识别特定的品种'}},
                {proStatus: '开花', staInfo: {name: '兰兰', address: '广东省深圳市深南大道2354', datatime: '2017-6-25 14:46', desc: '水生观赏动物的体色和体形永远是养殖者追求的重要性状;体色与体形往往与某些遗传因子相关联,在育种过程中作为遗传标记识别特定的品种'}},
                {proStatus: '驱虫', staInfo: {name: '小施', address: '广东省深圳市彩田大道4574', datatime: '2017-6-25 14:46', desc: '水生观赏动物的体色和体形永远是养殖者追求的重要性状;体色与体形往往与某些遗传因子相关联,在育种过程中作为遗传标记识别特定的品种'}},
                {proStatus: '挂果', staInfo: {name: '小小', address: '广东省深圳市深南大道7864', datatime: '2017-6-25 14:46', desc: '水生观赏动物的体色和体形永远是养殖者追求的重要性状;体色与体形往往与某些遗传因子相关联,在育种过程中作为遗传标记识别特定的品种'}},
                {proStatus: '其他', staInfo: {name: '得得', address: '广东省深圳市福田大道7064', datatime: '2017-6-25 14:46', desc: '水生观赏动物的体色和体形永远是养殖者追求的重要性状;体色与体形往往与某些遗传因子相关联,在育种过程中作为遗传标记识别特定的品种'}}
            ],
            selectedIndex: 0
        };
    },

    created() {
        document.title = '扫描结果';
    },

    mounted() {
    },

    methods: {
        gotoScanDetails() {
            let params = {
            };
            this.$router.push({path: 'scan-details', query: params});
        },
        infoChange(index) {
            console.log(this);
            console.log(index);//undefined
        }
    }
}; 
            
这是为什么啊,获取不到索引的      

解决方案

换成index

这篇关于vue.js - vuejs中获取li的索引的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！