如何解决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')
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。