v-for 遍歷對象


 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刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM