vue(循环数组下对象下数组)

最新推荐文章于 2022-12-21 20:04:00 发布

北海军

最新推荐文章于 2022-12-21 20:04:00 发布

阅读量3k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_39237755/article/details/82347552

版权

vue 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<ul
  v-for="(items, index) in allPayTypes" :key="index"
  class="pay-list">
  <li style="display: flex">
    <div class="mb10 mr10">{{items.payTititle}}</div>
    <div style="display: flex;justify-content: start;flex-wrap: wrap;width: calc(100% - 76px);">
      <button  class="label-straight mr10 mb10 wAuto pl10 pr10"
               v-for="(item, index) in (items.payWay.payWays)" :key="index"
               :id="items.payWay.idname[index]"
               @click="toggleIsActive(items.payWay.idname[index])"
      >{{item}}</button>
    </div>
  </li>
</ul>

data () {
  return {
    allPayTypes: [
      {payTititle: '线上支付', payWay: {payWays: ['支付宝', '微信'], idname: [1,6]}},
      {payTititle: '线下支付', payWay: {payWays: ['百度分期', '微信分期'], idname: [2,8]}},
      {payTititle: '现金支付', payWay: {payWays: ['线上支付'], idname: [3,9]}}
    ],
    msg: ''
  }
},