v-for循环对象

最新推荐文章于 2024-07-18 18:59:22 发布

qweryitao

最新推荐文章于 2024-07-18 18:59:22 发布

阅读量807

点赞数

文章标签： Vue

本文链接：https://blog.csdn.net/qweryitao/article/details/102978106

版权

v-for循环对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/vue/2.6.10/vue.js"></script>
    <style>

    </style>
</head>
<body>
<div id="app">
    <p v-for="(val,key,i) in user">{{key}}：{{val}}----{{i}}</p><!--注意：在遍历对象身上的键值对的时候，除了有val，key，在第三个位置还有一个索引-->

</div>
<script>
    var vm = new Vue({
        el: '#app',
        data: {
            user:{
                id:1,
                name:'pwr',
                gender:'男'
            }
        },
        methods: {}
    })
</script>
</body>
</html>

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qweryitao

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
v-for循环对象

v-for循环对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.staticfile.org/vue/2.6.10/vue....
复制链接

扫一扫