![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Mr_EvanChen
这个作者很懒,什么都没留下…
展开
-
【Html】mailto调用当前系统默认的邮件客户端
mailto:可以自动调用当前系统默认的邮件客户端,并自动填充收件人、抄送人、密送人、主题、内容。参数说明:mailto: 收件人,多个以;分隔cc: 抄送人,多个以;分隔bcc: 密送人,多个以;分隔subject: 主题body: 内容各参数间用&连接即可。例如在浏览器中直接输入:mailto:aa...原创 2019-11-22 17:10:23 · 2614 阅读 · 0 评论 -
【JavaScript】Safari无法响应点击事件
场景:在IOS移动端扫描某个应用的二维码会跳转至一个该应用的下载页,点击下载按钮后下载该应用。但是会出现有些IOS手机点击下载按钮没有反应的问题。起初有怀疑是不是操作系统的原因,但经过测试发现同样是IOS 13.1.3的操作系统,有的可以有的不行。因此就怀疑是不是Safari对html或者js有兼容性问题。网上简单查了一下,发现确实有人谈到类似的问题,说是Safari的安全机制将其阻止,没...原创 2019-12-06 16:11:51 · 1036 阅读 · 0 评论 -
【JavaScript】移动端扫描二维码检测浏览器(微信、支付宝、Safari、其他浏览器)
// 检测客户端类型// 注意:19年6月份iPad出了专门的操作系统iPadOS// 它的userAgent中不是iPad,也没有下文中的mobile,而是Macintosh,类似Mac。需要兼容的可以加上。function judgeClient() { var client = ""; if (/(iPhone|iPad|iPod|iOS)/i.test(navigator....原创 2019-11-07 18:48:29 · 2450 阅读 · 0 评论 -
【vue】vue.js 父组件如何触发子组件中的方法
什么是组件?组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生...转载 2019-01-07 20:27:23 · 596 阅读 · 0 评论 -
【Vue】JS数组添加元素的三种方式
1、push() 结尾添加 数组.push(元素)参数 描述 newelement1 必需。要添加到数组的第一个元素。 newelement2 可选。要添加到数组的第二个元素。 newelementX 可选。可添加多个元素。 2、unshift() 头部添加 数组.unshift(元素)参数 描述 newelement1 ...转载 2019-07-18 19:24:55 · 39599 阅读 · 0 评论 -
【Vue】深拷贝与浅拷贝的区别,实现深拷贝的几种方法
如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。 此篇文章中也会简单阐述到栈堆,基本数据类型与引用数据类型,因为这些概念能更好的让你理解深拷贝与浅拷贝。 我们来举个浅拷贝例子:let a=[0,1,2,3,4], b=a...转载 2018-12-07 18:02:11 · 17056 阅读 · 4 评论 -
【Vue】ES6,Array.find()和findIndex()函数的用法
ES6为Array增加了find(),findIndex函数。find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined。findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。他们的都是一个查找回调函数。[1, 2, 3, 4].find((value, index, arr) => { })查找函数有三个参数。...转载 2018-11-19 18:55:22 · 11740 阅读 · 0 评论 -
【Java】文件上传及下载、限制文件大小
1、后端部分 Controller代码 // 上传 @PostMapping("upload") @ResponseBody public Result upload(MultipartFile files, Integer id, String type){ fileService.upload(files, id, type);...原创 2018-11-16 18:05:06 · 19973 阅读 · 1 评论 -
【Vue】采用provide/inject方式刷新当前页面
1.场景在处理列表时,常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。2.遇到的问题1. 用vue-router重新路由到当前页面,页面是不进行刷新的2.采用window.reload(),或者router.go(0)刷新时,整个浏览器进行了重新加载,闪烁,体验不好3.解决方法provide / inject 组合作用:允许一个祖先组件向其所有子孙后代注入...转载 2018-11-12 19:25:31 · 2077 阅读 · 0 评论 -
【Vue】vuex存储和本地存储(localstorage、sessionstorage)的区别
1. sessionStorage sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。 用法: 储存: 1. 点(.)运算符 sessionStorage.lastname = 'JSAnntQ'; 2. 方括号([ ])运算符 ...转载 2018-11-15 18:11:00 · 4884 阅读 · 0 评论 -
【Vue】element表格嵌套内容点击展开、收起一行
需求如下:添加一个需求时,除了填写一些公共信息,例如名称、负责人、所属项目等,还可将一个需求分解为多个模块以及评估人员(如下图)。保存后在列表页展示需求的公共字段信息,点击某条需求时,展开该需求下的模块以及评估人员等信息。 代码如下,无关代码较多,大家只需看核心的table以及对应的方法。首先声明这里的展开行数据是每次点击某行去后台请求返回的,也可以一次性直接返回所有数据...原创 2018-10-25 18:47:27 · 16490 阅读 · 1 评论 -
【Vue】动态增减表单、表单验证
业务需求:在添加维度时,需要为其动态添加子维度,要求至少一个且名称不能重复,同时进行表单验证。vue页面代码如下:<template> <div> <el-form class="mt10 pd10 elForm" ref="form" :model="form" label-width="130px" :label-posi原创 2018-10-17 19:17:16 · 5692 阅读 · 3 评论 -
【Vue】使用clipboard实现复制文本到剪贴板
需求如下:假设有这样的列表,我们希望能够点击复制通知链接按钮,将表格中通知链接列的内容复制到剪贴板,毕竟通知链接的内容比较多,能够复制的话,该列就可以不用展示出来。1、安装clipboardnpm install clipboard --save查看是否安装成功,以及查看安装的版本,可以通过查看package.json文件2、在页面的script标签中进行引入即可使用...原创 2018-08-08 14:37:39 · 8684 阅读 · 1 评论 -
【Vue】引入外部自定义CSS
1、定义css文件,这里是放在static下的css文件下代码如下:/* 公共样式 *//* <style> */ .title-style{ padding: 0px 10px 15px 0px;font-size: 18px;font-weight: bold; border-bottom: 1px solid #e6e6e6; } .searc...原创 2018-08-06 19:08:36 · 998 阅读 · 0 评论 -
【Vue】引入自定义外部js
1、定义js文件,这里是放在static下的js文件下代码如下:// 判断权限function hasPermissionJs(val) { var restoredSession = JSON.parse(sessionStorage.getItem('userInfo')); var roles = restoredSession.user.roles; for(...原创 2018-08-03 13:32:46 · 3624 阅读 · 0 评论 -
【Vue】使用sessionStorage存储数据
使用场景:例如,在做权限控制的时候,不同角色的用户通常展示出来的侧边栏也是不一样的,或者是界面中有的操作或许会被隐藏。这里展示,后台返回用户所拥有的权限到前端,前端把这些信息保存起来,在其他页面调用。这里采用的是sessionStorage来实现存储数据的功能,sessionStorage数据在当前浏览器窗口关闭后自动删除。登录时,存储用户信息,代码如下:<script>i...原创 2018-08-01 18:40:25 · 7533 阅读 · 0 评论 -
【Vue】Cookie实现登录记住密码功能
登录页效果图:主要思路是利用浏览器Cookie来存储用户登录信息。除了存储用户名和密码外,还存储了一个记住密码的标志位,如果勾选了,则为true,反之为false。当用户登录时,不论用户有没有勾选“记住密码”,都会先将信息存入Cookie,区别在于,如果没勾选,则会在用户退出登录时,清除Cookie。当然存储信息的方法还有很多种,Cookie一般适用于存储数据量很小的数据。登录页代码如...原创 2018-07-27 15:23:08 · 5193 阅读 · 0 评论 -
【Vue】设置导航栏、侧边栏为公共页面
首先,项目结构如下:想要让导航栏、侧边栏变为公共页面,则要在App.vue页面中加入。假设已经有了Header.vue和Left.vue,这里就不贴出来了,App.vue代码如下:<template> <div id="app"> <!-- 其他页 --> <el-container > <el-h...原创 2018-07-25 08:40:01 · 32308 阅读 · 8 评论