vue v-for循环中键属性的使用
！DOCTYPE html
html lang=’en ‘
头
meta charset=’UTF-8 ‘
元名称=”视口”内容=”宽度=设备宽度，初始比例=1.0″
元http-equiv=’ X-UA-兼容’内容=’ie=edge ‘
标题文档/标题
脚本src=’ ./lib/vue-2。4 .0 .js /脚本
/head
身体
差异
差异
标签:
输入类型=’text’ v-model=’id ‘
/标签
标签名：
输入类型=’text’ v-model=’name ‘
/标签
输入类型=’按钮’值=’添加@单击=’添加’
/div
！-注意：v-for循环的时候，键属性只能使用数字获取字符串-
！-注意：键在使用的时候，必须使用垂直装订属性绑定的形式，指定键的值-
！-在组件中，使用v-for循环的时候，或者在一些特殊情况中，
如果v-for有问题，必须在使用v-for的同时，指定唯一的字符串/数字类型：key值-
p v-for=’列表中的项目：key=’item.id ‘
输入类型=’复选框{item.id}} – {{item.name}}
/p
/div
脚本
//创建某视频剪辑软件实例，得到视图模型
var VM=新Vue({ 0
el: ‘#app ‘，
数据： {
id: ‘ ‘，
名称为： ‘ ‘,
列表： [
{ id: 1，name: ‘李斯’ },
{ id: 2，name: ‘嬴政’ },
{ id: 3，name: ‘赵高’ },
{ id: 4，name: ‘韩非’ },
{ id: 5，name: ‘荀子’ }
]
},
methods: {
add() { //添加方法
这个。名单。unshift({ id : this。id，name: this.name })
}
}
});
/script
/body
/html
本文来自学习小花，作者：aixuexi666888，转载请注明原文链接：https://www .cn博客。com/aixuexi 666888/p/15551121。超文本标记语言
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/89924.html