Javascript 如何使用v-for在一个html文件标记中访问vue js的多个数据元素？

这是我的Vue项目的一部分，我想在表中获取一些数据元素。我想在表的另一列中获取类似countryData的data2元素。我该怎么做？您可以运行该代码段以供进一步参考

在HTML代码中，我包含了vue js库，并简单地创建了一个表。

var-app=新的Vue({
el:“应用程序”，
数据（）{
返回{
国家数据：[{名称：“印度”，“1999”：9537，“2000”：10874}，
{名称：“中国”，“1999”：7537，“2000”：8874}，
{名称：“英格兰”，“1999”：11537，“2000”：12074}
],
数据2：[
{ser1:1，ser2:7}，
{ser1:4，ser2:1}，
{ser1:6，ser2:8}
]}
}
})

数据表
国家
销售额
{{x.name}

在模板中显示之前，您可以根据需要组合数据，例如：

countryData:[
{名称：“印度”，“1999”：9537，“2000”：10874}，
{名称：“中国”，“1999”：7537，“2000”：8874}，
{名称：“英格兰”，“1999”：11537，“2000”：12074}
],
数据2:[{ser1:1，ser2:7}，{ser1:4，ser2:1}，{ser1:6，ser2:8}]，
组合数据：[]
// ...
创建（）{
this.countryData.forEach（（x，i）=>{
this.combinedData.push（{…x，…this.data2[i]}）；
});
}

然后，您可以通过以下方式在模板中访问：

{{x.name}
{{x.ser1}}
{x.ser2}

也可以利用模板中的索引：

{{x.name}
{{data2[i].ser1}
{{data2[i].ser2}

您可以为：

{{{element.ser1}}

执行另一个v-for。然后在每一行中有一列对应于每个data2的元素。我不确定你是否在努力实现。请你添加一个你想要的输出样本，我不太清楚你想要什么。在这里您可以看到示例输出。在月份行中，我需要countryData，在销售地中，我需要data2元素，但我不明白。那么您希望第一行是：india-1-7吗？对不起，我指的是列…………我希望国家作为第一列的标题，然后来自countryData的国家名称作为第一列的元素。在第二列中，我需要data2.ser1元素