vue案例
Hell's Angel
一个前端工作者
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端使用vue实现简单登录注册功能
最近学习过程中 常碰到让用户登录注册这种 今天就用vue实现简单的登录注册功能: 注册时要用到localstorage来存储信息 登录时将表单信息和localstorage中的对比判断 代码如下: <!-- 登陆页面 --> <van-nav-bar title="密码登陆" style="background:#2f8fea;color:#fff"> <template #left> <van-icon name="ar原创 2020-07-20 17:17:49 · 15436 阅读 · 6 评论 -
vue(仿京东)实现搜素功能
应用场景: 现在很多app都有搜索功能 今天我们就用vue实现简单搜索功能: 代码如下: <!-- 头部搜索框 --> <div class="header"> <van-search v-model.trim="kw" show-action placeholder="电池" shape="round" autofocus @input="handleInp原创 2020-07-17 12:12:19 · 947 阅读 · 0 评论 -
vuex实现购物车功能
vuex实现购物车功能: 一:今天用vue中的vuex实现简单的购物车功能: 首先项目中必须要有vuex(我的项目中已安装) 话不多说直接上代码: state:{ goods: [], } mutations: { addCarts(state, goods) { let rel = true; state.goods.map(item => { if (item.goods.id == goods.id) { i原创 2020-07-15 23:51:06 · 875 阅读 · 0 评论 -
vue实现todolist功能(初学者适用)
todolist案例实现: 完成 todolist首先要清楚 基本的业务逻辑 需要完成哪些功能: 添加功能(添加后可存储在本地 即刷新后页面中仍有数据) 删除功能(删除后可以存储在页面) 修改功能(同上) 下面直接上代码: <div class="header"> <!-- 头部 --> <span class="logo">ToDoList</span> <!-- keydown 键盘事件 按下enter直接添加原创 2020-06-30 11:48:56 · 4757 阅读 · 0 评论
分享