您的位置：首页 > 产品设计 > UI/UE

vue.js指令v-for使用以及下标索引的获取

2017-10-30 10:19 886 查看

在

v-for

代码块中，我们可以完全地访问父级作用域下的属性。

v-for

还支持可选的第二个参数，作为当前项的索引。

也可以使用

v-for

来遍历对象的属性。

还可以提供第二个参数，作为对象的键名(key)：

[plain] view
plain copy

<body>

<div id="box">

    <ul>

        <li @click="onclick(index)" v-for="(item,index) in dataList">{{item.name}}</li>

    </ul>

</div>

</body>

<script src="assets/vue/vue.js"></script>

<script>

    new Vue({

        el:"#box",

        data:{

            dataList:[

                {name:"子鼠"},

                {name:"丑牛"},

                {name:"寅虎"},

                {name:"卯兔"},

                {name:"辰龙"}

            ]

        },

        methods:{

            onclick:function(index){

                alert(index);

            }

        }

    })

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航