vue for循环

Posted 2021-02-05 ygyy

<ul id="example-2">
  <li v-for="(item, index) in items">
    {{ parentMessage }} - {{ index }} - {{ item.message }}
  </li>
</ul>


var example2 = new Vue({
  el: ‘#example-2‘,
  data: {
    parentMessage: ‘Parent‘,
    items: [
      { message: ‘Foo‘ },
      { message: ‘Bar‘ }
    ]
  }
})

2.获取自定义属性的值

<ul class="header-ul">
    <li class="flexcss" v-for="(list,index) in child" :data-value="list.name" @click="changeContent(index,list.name)">{{list.name}}</li>
</ul>


methods: {
   changeHeaderContent(index,name){
      console.log(‘cht‘,index)
      console.log(‘chaname‘,name)
}

3.