Javascript Vue.js-具有多个同名键的绑定数组

我试图在同一个键名下通过Vue.js传递多个值以保持其动态性

这是我的代码：

Input.vue

：

<search-popover :fields="[{
 names: ['Title1', 'value1'],
 names: ['Title2', 'value2'],
}]"></search-popover>

将输出：

Title2
Value2

Title1
Value1

Title2
Value2

如何操作，以便动态设置

：字段的值，以便访问
v-for
中的数组，它将输出：

Title2
Value2

Title1
Value1

Title2
Value2

您不能多次使用同一个键名，否则最后一个键将是唯一显示的键

正确迭代
名称
必须使用自己的对象。像这样：

:fields = "[
  { names: ['Title1', 'value1'] }, 
  { names: ['Title2', 'value2'] }
]"

如
所述，您不能多次使用相同的键名，否则最后一个键将是唯一一个显示

正确迭代
名称
必须使用自己的对象。像这样：

:fields = "[
  { names: ['Title1', 'value1'] }, 
  { names: ['Title2', 'value2'] }
]"

正如作者所写，问题出在

:fields="[{
 names: ['Title1', 'value1'],
 names: ['Title2', 'value2'],
}]"

您正在创建一个仅包含一个对象的数组

（当对象具有重复属性时，使用后一个属性。因此，
{name:['Title1'，value1'，name:['Title2'，value2']，}
与
{name:['Title2'，value2']，}
相等）

您需要的可能是一个包含2个对象的数组，应该是

:fields="[ 
    { names: ['Title1', 'value1'] }, 
    { names: ['Title2', 'value2'] }, 
]"

问题在于

:fields="[{
 names: ['Title1', 'value1'],
 names: ['Title2', 'value2'],
}]"

您正在创建一个仅包含一个对象的数组

（当对象具有重复属性时，使用后一个属性。因此，
{name:['Title1'，value1'，name:['Title2'，value2']，}
与
{name:['Title2'，value2']，}
相等）

您需要的可能是一个包含2个对象的数组，应该是

:fields="[ 
    { names: ['Title1', 'value1'] }, 
    { names: ['Title2', 'value2'] }, 
]"

语法问题
：fields=“[{names:['Title1'，'value1']，names:['Title2'，'value2']，}]”
，我认为您实际上是在尝试执行
：fields=“[{names:['Title1'，'value1']}，{names:['Title2'，value2']}，]”我认为您不能在javascript对象中分配两倍的同一个键。const object={foo:'one'，foo:'two'}console.log（object）=>{foo:'two'}@Hammerbot我可以直接动态地为组件分配多个值吗？你应该试试@JacobGoh写的：
：fields=“[{names:['Title1'，value1']}，{names:['Title2'，value2']}，]”“
啊，没有看到你的评论！这很有魅力。请将其作为答案提交：）语法问题
：fields=“[{names:['Title1'，value1'，names:['Title2'，value2']，}]”
，我想您实际上是在尝试
：fields=“[{names:['Title1'，value1']}，{names:['Title2'，value2']}”
我认为不能在javascript对象中为同一个键分配两次。const object={foo:'one'，foo:'two'}console.log（object）=>{foo:'two'}@Hammerbot我可以直接动态地为组件分配多个值吗？你应该试试@JacobGoh写的：
：fields=“[{names:['Title1'，value1']}，{names:['Title2'，value2']}，]”“
啊，没有看到你的评论！这很有魅力。请将其作为答复提交：）