
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 · 15322 阅读 · 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 · 908 阅读 · 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 · 837 阅读 · 0 评论 -
vue实现todolist功能(初学者适用)
todolist案例实现:完成 todolist首先要清楚 基本的业务逻辑 需要完成哪些功能:添加功能(添加后可存储在本地 即刷新后页面中仍有数据)删除功能(删除后可以存储在页面)修改功能(同上)下面直接上代码: <div class="header"> <!-- 头部 --> <span class="logo">ToDoList</span> <!-- keydown 键盘事件 按下enter直接添加原创 2020-06-30 11:48:56 · 4711 阅读 · 0 评论