微信登录

语法 - 循环 - v-for

  1. <div id="app">
  2. <ul>
  3. <li v-for="(item,index)in arr":title="item">
  4. {{index}}{{item }}
  5. </li>
  6. <li v-for="(item,index)in objArr">{{item.name}}
  7. </li>
  8. </ul>
  9. </div>
  1. var app new Vue({
  2.     el:"#app",
  3.     data:{
  4.         arr:[1,2,3,4,5],
  5.         objArr:[
  6.         {name:"jack"},
  7.         {name:"rose"}
  8.         ]
  9.     }
  10. })
  1. <el-table-column
  2. v-for="(item,index) in data"
  3. :width="item.width"
  4. :key="index"
  5. :prop="item.name"
  6. :label="item.displayname">
  7. </el-table-column>
  10. # 没有冒号是字符串
  11. xx="name"
  13. # 冒号是根据item，像方法一样
  14. :xx="item.name"