vue slot-scope="scope" 獲取數據

本文探讨了在Vue框架中如何处理复杂的数据结构,特别是当数据嵌套在列表的属性列表中时,如何直接获取简单属性数据及通过遍历获取嵌套属性数据的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天遇到一個問題 就是要獲取的數據在列表中的某個屬性中的列表中

比如 我想獲取contacts中的contactWin 

獲取chineseName可以直接row.chineseName直接獲取到數據

   <template slot-scope="{row}">
            <span> 
              {{ row.chineseName }}
            </span>
   </template>

但是contacts下的數據需要用for遍歷contacts然後用item 取到contactWin的值

 <template slot-scope="scope">
            <span v-for="(item,index) in scope.row.contacts" :key="index"> 
               {{ item.contactWin }}
          
      </span>
  </template>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值