Question

我有一个名为links的对象数组。它的形状如下：

links = [
   {'title': "foo", 'url': "http://www.com"},
   {'title': "foo1", 'url': "http://www2.com"},
]

我正在使用v-for将这些数据填充到列表中。

<div v-for="(item,index) in links">
    <input :value="item.url" />
</div>

我有2个问题：首先，我看不到links数据在Vue Chrome工具中发生更改。我假设我对“价值”做错了什么。我当时在考虑使用“ v模型”，但如何处理动态数量的项目。

Answer 1

从TestHelper.help()到HTML绑定:value仅是一种方式。

如果您想要双向绑定，则可以使用data

v-model

new Vue({
  data: () => ({
    links: [{
        'title': "foo",
        'url': "http://www.com"
      },
      {
        'title': "foo1",
        'url': "http://www2.com"
      },
    ]
  })
}).$mount('#app')

Vue：对嵌套列表对象做出反应

1 个答案: