vue中如何获取input输入的值并新增添加到表单中
vue中如何获取input输入的值并新增添加到表单中
·
设置v-model.trim 修饰符消除空格
<input type="text" v-model.trim="brand">
<button @click="add">添加</button>
新增按钮方法代码:
(因为object对象是键对值的形式 所以是冒号:)
add() {
console.log(this.brand);
if (this.brand != "") { //如果输入的值不为空
let obj = {
id: this.nextId,
name: this.brand,
};
this.list.push(obj);
this.brand = "";
this.nextId++;
} else {
alert('请输入..')
}
},
更多推荐
已为社区贡献15条内容
所有评论(0)