1. 首页
  2. 编程语言
  3. Javascript
  4. vuejs响应用户事件(如点击事件)

vuejs响应用户事件(如点击事件)

上传者: 2021-11-27 19:58:11上传 PDF文件 130.30 KB 热度 11次

页面上的列表原先有3个,我们想点击一次添加一条记录,也可以在头和尾删除数据;我们也可以删除我们想删除的任意一行记录;如果是用传统的jquery操作,页面中js会特别多,而且操作也很麻烦。这里用vue.js就非常简单。页面初始化.png末尾增加一项.png删除项.png再来看代码:在上面的代码中,我们主要是通过方法来管理Items这个数据,从而实现页面上的交互。splice、push、shift、pop的用法和在js中一样。因为这里的例子都不难,就不详细说了,大家可以照着上面的代码试试。

用户评论