Advertisement

vue3知识点2的小案例1---备忘录做法(v-model绑定数组特性)

阅读量:

备忘录制作要点

1) 在文本框中输入数据后,点击“新增”按钮,列表中将增加一条新数据项。

2) 当选中列表中的某一项并点击“删除记录”按钮时,列表中对应的数据项将会被移除。

img

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

初始布局:

image-20211216232306561

首先需要实现功能扩展,当用户点击添加按钮时,应将文本框中的内容保存至备忘录列表中。为此,需为按钮绑定一个用于添加操作的函数。

复制代码
    <button @click="add()">增加</button>
    
    add(){
    
    }
    
    
    
      
      
      
      
      
      
    

同时,需要将获取到的value值存储至列表中,因此为i

全部评论 (0)

还没有任何评论哟~