vue中如何获取input输入的值并新增添加到表单中

设置v-model.trim

 <input type="text" v-model.trim="brand">
 <button @click="add">添加</button>

在方法里打印this.brand 看是否获取到

   add(){
        console.log(this.brand);
      }

add按钮方法代码:

(因为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('请输入..')
      }
    },