Vue.js 向嵌套v-for循环中的输入添加v-model

假设我有这样的组件：

相反，我有一个错误

TypeError:无法读取未定义的属性“1”

您的错误是因为
n
和
i
索引在
v-for

此外，对于更通用的方法，您可以从
创建的
生命周期中的维度生成一个数组


Vue.config.devtools=false；
Vue.config.productionTip=false；
var app=新的Vue({
el:“#应用程序”，
数据：{
x:2，
y:2，
数组：[]
},
创建（）{
for（设i=0；i


{{array}}
您可以尝试以下解决方案：如果新对象
未定义，则向其添加一个方法来初始化该对象

不，我仍然有相同的错误，除非我在
created
中生成数组，我想这不应该是必需的？换言之，看看中的HelloWorld.vue——是否需要在已创建的钩子中生成数组虚拟以使其工作？这也不是必需的。可能会检查Yeh，但我不知道有多少输入，所以我不能用静态数据填充它，所以我想基本上我需要创建数组骨架。嗨，这里的问题是
foo
变量没有定义，当你创建
foo[n][I]
->
foo[n]
（未定义）
[I]
这意味着您将遇到一个类型错误。我建议将默认值设置为
foo
，或者创建一个
方法
，用所有值启动
foo
变量，然后进行
v-for
循环谢谢您的努力，但我认为这会造成更大的混乱。我将用空数组创建这个数组骨架，这样v-model就可以正常工作了是的，毕竟如果您不使用初始值/转储，这个方法可以帮助您：）
<template>
    <div>
        <div v-for="n in 2" :key="n">
            <div v-for="i in 2" :key="i">
                <input type="number" v-model="getfoo(n)[i]">
            </div>
        </div>
        <pre>{{ foo }} </pre>
    </div>
</template>