Question

我知道如何将v-model动态绑定到嵌套数据。例如：

   <input v-for="(item, i) in items" :key="i" v-model="item.name">
    
    data() {
       return {
                items: [
                        { type: "cat", name:"Smurf" },
                        { type: "dog", name: "Ruff" }
                       ]
              }
           }

但是有没有办法忽略这种嵌套和直接绑定到唯一数据属性的方法呢？例如，此代码不起作用，但是也许有解决方案？

<input v-for="(item, i) in items" :key="i" v-model="[item]">

data() { 
         return {
           items: ['dog', 'cat']
           cat: "Smurf", 
           dog: "Ruff" 
         }

Answer 1

结果证明，您可以使用{{ $data }}在模板中显示所有组件数据。因此，您可以动态访问您的媒体资源，例如

<input v-for="(item, i) in items" :key="i" v-model="$data[item]">

data() { 
         return {
           items: ['dog', 'cat']
           cat: "Smurf", 
           dog: "Ruff" 
         }
       }

动态v模型无嵌套

1 个答案: