• 章节:38
  • 访问:614
  • 时长:00:02:57
  • 日期:2019-07-04 02:30

增加一个文本框和一个按钮。点击按钮的时候 添加一个新的任务。

首先增加一个文本框和提交按钮

<div class="row py-2">
<div class="col">
<input v-model="newItemText" class="form-control" />
</div>
<div class="col-2">
<button class="btn btn-primary" v-on:click="addNewTodo">Add</button>
</div>
</div>

在data()中增加一个字段

newItemText: ""

增加method方法

,
methods: {
addNewTodo() {
this.tasks.push({
action: this.newItemText,
done: false
});
this.newItemText = "";
}
}

clipboard.png