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

低調的D吖

于 2020-03-18 23:08:06 发布

阅读量331

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/software20121216/article/details/104956549

vue 专栏收录该内容

36 篇文章

订阅专栏

本文探讨了在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>