摘要: 同时传入事件对象和自定义参数 html: <div id="app"> // 方式一 <button @click="click1(1,$event)">aaaa</button> // 方式二 <button @click="click2($event, 11)">ddddd</button> < 阅读全文
posted @ 2020-06-20 22:00 yx1102 阅读(3159) 评论(0) 推荐(1) 编辑
摘要: vue+bootstrap实现的购物车案例 效果图 功能 添加、减少或直接输入商品数量 移除商品 全选和非全选 计算总价格 清空购物车 人名和商品数量的排序 简单的代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文
posted @ 2020-06-19 18:33 yx1102 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 效果图 功能 页面一加载需要从内存中读取历史记录,渲染页面render(); 点击搜索会添加历史记录,渲染页面render(); 点击删除会删除单条历史记录,渲染页面render(); 点击批量删除则清空所有历史记录,渲染页面render(); <!DOCTYPE html> <html lang= 阅读全文
posted @ 2020-06-19 16:48 yx1102 阅读(708) 评论(0) 推荐(0) 编辑
摘要: 1. 说明 1). vee-validate是专门用来做表单验证的vue插件 2). github地址: https://github.com/baianat/vee-validate 3). 学习于:https://www.bilibili.com/video/BV1WJ411678K?p=25 阅读全文
posted @ 2020-04-20 23:24 yx1102 阅读(714) 评论(0) 推荐(0) 编辑
摘要: ps:案例在最下方 学习于:https://www.bilibili.com/video/BV1v741197q2 什么是mockJs 生成随机数据,拦截 Ajax 请求 参考文档:http://mockjs.com/examples.html 为什么使用mockJs 如果后端接口还未开发完成,我们 阅读全文
posted @ 2020-04-06 18:34 yx1102 阅读(8695) 评论(0) 推荐(1) 编辑
摘要: v-bind绑定class 方式一:对象语法 对象语法的含义是:class后面跟的是一个对象 <h2 :class="{类名1: value1, 类名1: value2}">{{message}}</h2> 用法一:直接通过{}绑定一个类 <h2 :class="{active: isActive} 阅读全文
posted @ 2020-04-05 22:01 yx1102 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 上传图片 (1)action:图片上传到后台的API地址,不能写相对路径,应该填写完整的绝对路径【地址为后台地址】 <el-upload action="http://127.0.0.1:8888/api/private/v1/upload"></el-upload> (2)headers:设置上传 阅读全文
posted @ 2020-04-04 15:29 yx1102 阅读(731) 评论(0) 推荐(0) 编辑