Vue.js 要在表中显示的数组中的引导vue嵌套对象

Vue.js 要在表中显示的数组中的引导vue嵌套对象,vue.js,bootstrap-vue,Vue.js,Bootstrap Vue,我正试图打印联赛表格,但团队部分位于嵌套对象中。如何连接到该对象,然后将它们放入team.name、team.crest的表格单元格中? 我已经看到了答案,但仍然无法打印出数组中嵌套的团队对象 我尝试过使用:fields道具,但它不起作用。我卡住了 来自console.log的数据: [{ 抽签:1 进球差距:23 进球数:14 进球数:37 损失:0 播放视频:15 分数:43 职位:1 球队:{“id”:64,“姓名”:“利物浦俱乐部”,“克雷斯特尔”:”http://upload.wik

我正试图打印联赛表格,但团队部分位于嵌套对象中。如何连接到该对象,然后将它们放入team.name、team.crest的表格单元格中? 我已经看到了答案,但仍然无法打印出数组中嵌套的团队对象

我尝试过使用:fields道具,但它不起作用。我卡住了

来自console.log的数据: [{ 抽签:1 进球差距:23 进球数:14 进球数:37 损失:0 播放视频:15 分数:43 职位:1 球队:{“id”:64,“姓名”:“利物浦俱乐部”,“克雷斯特尔”:”http://upload.wikimedia.org/wikipedia/de/0/0a/FC_Liverpool.svg" } }] {{data.value.team.name} 数据(){ 返回{ 字段:[ {key:'info.team.name',标签:'team name'}, ], 信息:[], } 试试这个:


{{data.value}}
导出默认值{
数据(){
返回{
字段:[
{键:'position',标签:'position'},
{键:'team.name',标签:'team name'},
],
信息:[],
}
}
}
试试这个:


{{data.value}}
导出默认值{
数据(){
返回{
字段:[
{键:'position',标签:'position'},
{键:'team.name',标签:'team name'},
],
信息:[],
}
}
}

一种简单的方法是在字段定义中使用格式化程序:

data() {
    return {
       fields: [
          {
            key: "avg_score",
            label: this.$t("avgScore"),
            sortable: true,
            sortByFormatted: true,
            formatter: (value, key, item) => item.stats.avg_score?.text 
          },
       ],
       items: [...your item list]
    }
}
在模板中:

<b-table :items="items" :fields="fields"></b-table>


格式化程序将自动打印指定的键或值。

一种简单的方法是在字段定义中使用格式化程序:

data() {
    return {
       fields: [
          {
            key: "avg_score",
            label: this.$t("avgScore"),
            sortable: true,
            sortByFormatted: true,
            formatter: (value, key, item) => item.stats.avg_score?.text 
          },
       ],
       items: [...your item list]
    }
}
在模板中:

<b-table :items="items" :fields="fields"></b-table>


格式化程序将自动打印指定的键或值。

它正在打印位置,但不是团队名称。使用字段意味着我必须将每个字段添加到“现在”?…好的,我知道了,我刚刚删除了团队的信息。要成为键:team.name。谢谢您,先生!它正在打印位置,但不是团队名称。使用字段意味着我必须将每个字段添加到“现在”?…好的,我知道了,我刚刚删除了团队的信息。关键是:team.name。谢谢您,先生!