最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
vuejs响应用户事件（如点击事件）
时间：2017-06-27 编辑：简简单单 来源：一聚教程网
需求：
页面上的列表原先有3个，我们想点击一次添加一条记录，也可以在头和尾删除数据；
我们也可以删除我们想删除的任意一行记录；
如果是用传统的jquery操作，页面中js会特别多，而且操作也很麻烦。
这里用vue.js就非常简单。
我们先看页面效果：
页面初始化.png
末尾增加一项.png
删除项.png
再来看代码：
| 代码如下 | 复制代码 |
| |
在上面的代码中，我们主要是通过方法来管理Items这个数据，从而实现页面上的交互。
splice、push、shift、pop的用法和在js中一样。
因为这里的例子都不难，就不详细说了，大家可以照着上面的代码试试。
-
上一个： canvas实现刮刮卡效果
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31