Vue.js 要在表中显示的数组中的引导vue嵌套对象
我正试图打印联赛表格,但团队部分位于嵌套对象中。如何连接到该对象,然后将它们放入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'}, ], 信息:[], } 试试这个: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
{{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。谢谢您,先生!