52ky 发表于 2021-8-31 17:06:54

Vue记事本添加删除特效



使用vue制作简单的文本框输入关键词创建或删除计划事项记事本功能效果。可用于生活记事本备忘录特效。

使用方法:

参数介绍:新增(1、生成列表结构 v-for 和数组 2、获取用户输入 v-model 3、回车,新增数据 v-on .enter)--删除(数据改变和数据绑定的元素是同步变化的;时间的自定义参数;splice方法的应用)---计数(统计信息个数length)--清除(点击清除所有信息 v-on)---隐藏 (没有数据时隐藏 v-if v-show)


(Use vue to make a simple text box and enter keywords to create or delete plan items. The effect of the notebook function. Can be used for special effects of life notepad memos.

Instructions:

Parameter introduction: new (1, generate list structure v-for and array 2, get user input v-model, 3, press enter, new data v-on .enter)-delete (data change and data binding elements It changes synchronously; time custom parameters; application of splice method)---count (number of statistical information length)--clear (click to clear all information v-on)---hide (hide when there is no data v- if v-show))

页: [1]
查看完整版本: Vue记事本添加删除特效