vue3知识点2的小案例1---备忘录做法(v-model绑定数组特性)
发布时间
阅读量:
阅读量
备忘录制作要点
1) 在文本框中输入数据后,点击“新增”按钮,列表中将增加一条新数据项。
2) 当选中列表中的某一项并点击“删除记录”按钮时,列表中对应的数据项将会被移除。

下面我们来进行分析:编写初始的HTML代码,以便于观察初始状态,我们可以为其添加以下展示效果。
初始布局:

首先需要实现功能扩展,当用户点击添加按钮时,应将文本框中的内容保存至备忘录列表中。为此,需为按钮绑定一个用于添加操作的函数。
<button @click="add()">增加</button>
add(){
}
同时,需要将获取到的value值存储至列表中,因此为i
全部评论 (0)
还没有任何评论哟~
