v-for 遍历对象

本文转载自查看原文 2019-05-25 13:22 1390

 1 <html lang="en">
 2 <head>
 3     <meta charset="UTF-8">
 4     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 5     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 6     <title遍历数组对象</title>
 7     <script src="../js/vue.js"></script>
 8 </head>
 9 <body>
10     <div id="app">
11       
12          <div v-for='(val ,key,i) in list'> 值---{{val}} 键值{{key}} {{i}}</div>
13 
14     </div>
15     <script>
16         var vm =new Vue({
17          el:'#app',
18          data:{
19          list:{
20              id:0,
21              sex:'男',
22              name:'小猫'
23          }
24          },
25          methods:{
26 
27          }
28         })
29     </script>
30 </body>
31 </html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 vue v-for遍历对象 v-for 遍历数组对象 vue 中 v-for 遍历对象 vue使用v-for遍历Map对象 v-for遍历数组，对象与响应式方法 Vue使用v-for遍历数组和对象 vue循环遍历 v-for vue v-for(数组遍历) uniApp v-for 遍历渲染 Vue：循环遍历（v-for）