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

问题描述

我有一个名为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模型”，但如何处理动态数量的项目。

解决方法

从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')