v-for 循环对象数组

小灰灰 2022-04-18 06:38 176阅读 0赞

<!DOCTYPE html>
    
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <meta http-equiv="X_UA-Compatible" content="ie=edge">
        <title>vue 入门</title>
        
        <script src="./lib/vue.js"></script>
    </head>
    
    <body>
        <div id="app">
            <p v-for="(user,i) in list">{
       {user.id}}----{
       {user.name}}------下标-{
       {i}}</p>
        </div>
        <script>
            var vm = new Vue({
                el: '#app',
                data: { 
                   list:[
                       {id:1,name: 'zs'},
                       {id:2,name: 'ls'},
                       {id:3,name: 'ww'},
                       {id:4,name: 'zl'},
                       {id:5,name: 'zq'},
    
    
                   ]
                },
                methods: {
    
                }
            })
    
        </script>
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，176人围观）

还没有评论，来说两句吧...

相关阅读

相关 014：vue中v-for循环示例（普通数组、对象数组、对象、数字）

![在这里插入图片描述][32d2a1d099334cfba6adc4f84dd79e22.png_pic_center] 第014个查看专栏目录: [VUE][] —

清疚/ 2024年03月16日 18:23/ 0 赞/ 31 阅读

相关 JavaScript 索引、关联、对象数组增删改查循环

阅读目录索引数组增删改查循环关联数组增循环

- 日理万妓/ 2023年10月06日 22:20/ 0 赞/ 3 阅读

相关 JS 数组转对象对象转数组对象数组互相转换

js 对象数组互相转换数组转换为对象 JS 数组转对象对象转数组对象数组互相转换数组对象互相转换 JS 数组转对象、对象转数组(针对嵌套深层次比较深的对象或者数

亦凉/ 2023年02月16日 05:28/ 0 赞/ 15 阅读

相关对象转换组装数组 for in 循环

demo() \{ let list = \[\]; let obj = \{ "保护带宽度（m）": "",

分手后的思念是犯贱/ 2023年01月02日 14:21/ 0 赞/ 75 阅读

相关【Python】------- Python for循环数组对象实例代码

> 1. Python for循环数组对象实例代码：代码如下 > > listJson=[ > {"name":"1","value":"1-1"},

蔚落/ 2022年11月06日 05:58/ 0 赞/ 130 阅读

相关 vue数组循环

改变数组的方法 set prop <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>列

傷城~/ 2022年05月25日 13:47/ 0 赞/ 292 阅读

相关 js 对象循环

场景分析解决场景对对象进行循环操作是个很常见的场景分析不同于arr, ob

ゞ浴缸里的玫瑰/ 2022年05月19日 11:14/ 0 赞/ 166 阅读

相关 v-for 循环对象数组

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

小灰灰/ 2022年04月18日 06:38/ 0 赞/ 177 阅读

相关 shell数组循环

\[b\]\[color=olive\]\[size=large\]测试shell数组，循环的例子：\[/size\]\[/color\]\[/b\] arr=

╰半夏微凉°/ 2022年04月13日 10:16/ 0 赞/ 299 阅读

相关 vue的数组循环和对象循环

数组循环：  <div id="app"> <ol> <li v-for="(ite

今天药忘吃喽~/ 2021年12月21日 10:03/ 0 赞/ 350 阅读