![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
关于前端的知识点
灬Saturday
这个作者很懒,什么都没留下…
展开
-
Element UI中使用el-select的blur事件失效
解决el-select添加filterable属性后,blur失焦事件失效问题原创 2024-08-15 19:07:35 · 344 阅读 · 0 评论 -
vue导出el-table中的所选项
问题描述:最近在公司项目中需要使用导出el-table中所选中的项,之前没有接触过此方面的内容,所以感觉无从下手,搜索资料后发现了解决方案,现将解决方案记录下来,方便下次使用解决方案:1.安装插件:npm install file-saver --savenpm install xlsx --savenpm install script-loader -D前两个插件详细地址:https://github.com/SheetJS/sheetjs.https://github.com/eli原创 2021-07-19 15:51:10 · 655 阅读 · 0 评论 -
vue项目中点击非刷新按钮,页面刷新并且路由多了个问号解决方案
问题描述在vue项目开发过程中,点击查询或重置按钮,结果页面刷新了一遍,发现路径变成了 localhost:8080/?#/advanced原因这是因为在 form 表单里,点击了button 按钮,触发了表单的默认事件,也就是触发了提交行为。解决方案使用 @click.prevent 阻止默认事件即可<button @click.prevent="handleCheck">查询</button>或者不要 form 标签...转载 2021-07-19 15:15:30 · 517 阅读 · 1 评论 -
使用el-upload对上传文件或图片做限制时,before-upload方法不生效问题
使用el-upload对上传文件或图片做限制时,before-upload方法不生效问题最近在公司项目中使用到了el-upload,但是在对上传的文件做大小限制或者格式限制时,发现before-upload方法并不生效,查阅资料后发现:因为 before-upload 是指在文件上传之前、文件已被选中,但还没上传的时候触发,而设置了 :auto-upload=“false” 后,文件上传事件不被再次调用,,所以 before-upload 不生效,所以,限制图片大小和格式的时候,需绑定在 :on-chan原创 2021-07-19 15:13:48 · 9822 阅读 · 0 评论 -
修改el-popover样式不生效问题
修改el-popover样式不生效问题在最近公司写的项目中,使用到了el-popover,但是想要修改弹出层中文本的字体样式,尝试过很多方法之后,发现修改的样式都没有生效,查阅资料发现:el-popover比较特殊,他生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级,需要设置全局style,查阅ElementUI官方文档后发现,官方文档中提供了一个特殊的类名popper-class,所以按照官方文档去给el-popover添加一个类名:<el-原创 2021-07-19 15:12:33 · 5977 阅读 · 6 评论 -
ES6中new Set()的基础用法
1、什么是Set()Set是es6新增的数据结构,似于数组,但它的一大特性就是所有元素都是唯一的,没有重复的值,我们一般称为集合。Set本身是一个构造函数,用来生成 Set 数据结构2、增删改查方法2.1 添加元素add添加某个值,返回 Set 结构本身,当添加实例中已经存在的元素,set不会进行处理添加let list=new Set();list.add(1)list.add(2).add(3).add(3) // 2只被添加了一次2.2 删除元素 delete删除某个值,返回转载 2021-06-18 09:17:26 · 1327 阅读 · 0 评论 -
vuejs实现页面表格导出功能
链接:https://www.jb51.net/article/120684.htm转载 2021-06-15 10:18:39 · 150 阅读 · 0 评论 -
了解vue.js中的v-cloak指令
了解vue.js中的v-cloak指令假设这样一种情景,当网络很慢时,网页还在加载Vue.js,导致Vue来不及渲染,这时候页面上就会显示出Vue的源码,这对于用户来说是一种很不好的体验,我们可以通过v-cloak来解决这样的问题,通过v-cloak绑定样式,这些样式会在Vue实例编译结束后,从绑定的HTML中移除。不添加v-cloak指令:1.HTML代码:<div id="app"> {{context}}</div>2.JS代码:<script&原创 2021-06-07 14:24:58 · 168 阅读 · 0 评论 -
Javascript中关于函数提升和变量提升
变量提升需要注意的是在JS中是区分作用域的,在es6之前,作用域分为全局作用域和局部作用域,当我们在定义变量时,关于变量的声明会提升到当前作用域的最顶部,此时的变量未进行赋值操作,打印undefined,然后在变量定义的原位置上进行赋值,例如:console.log(name) //变量提升undefinedvar name='孙悟空'console.log(name) //孙悟空以上代码等价于:var nameconsole.log(name) //undefinedname='原创 2021-04-16 09:50:15 · 100 阅读 · 0 评论 -
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus
关于[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted的解决方法:1.最直接的方法就是添加一个全局的CSS样式:touch-action: none;但是添加全局的样式之后,会导致原生的Vue不能向上滑动2.可以采取另一种方法,哪个标签报错,就为哪原创 2021-04-09 21:23:00 · 1146 阅读 · 0 评论 -
如何将利用Github托管代码
如何利用Github托管代码为了能够深刻记住托管代码到Github上的详细步骤以及遇到的问题,在这里做一下笔记,以免后期遗忘一般情况下托管代码到Github上有两种方法,这里只介绍我比较习惯的一种(具体步骤如下):Step 1:先在自己的Github上新建一个仓库Step 2:创建成功之后将该项目的地址copy下来Step 3:打开我们的代码编辑器(这里我用的Webstorm,不同的编辑器大同小异),利用脚手架创建一个和Github仓库中同名的项目vue cli2创建项目命令:vue ini原创 2021-04-08 17:18:12 · 302 阅读 · 0 评论 -
将时间戳转换为时间格式化字符串
如何将时间戳转换为时间格式化字符串一般情况下从服务器获取的时间都是时间戳的形式,这样做能够满足对不同的时间格式的要求,具体步骤如下:将时间戳转成Date对象(需要注意的是,我们一般从服务器获得的时间戳都是以秒为单位,转换成对象时需要传入以毫秒为单位的数据)let date=new Date(value*1000)将date进行格式化,转换成对应的字符串(因为JavaScript没有格式化时间戳的相关API,所以一般情况下都是自己去封装,然后传入相应的格式即可)formatDate(dat原创 2021-04-03 13:41:59 · 746 阅读 · 0 评论 -
路由跳转重复点击报错
在路由切换时重复点击报错的解决方案: 这是Vue-Router4.0之后版本常见的问题,我们重复点击同一个路由会造成router延时,路由冗余,跳转过程中报错 解决办法:在点击事件结束后抛出一个catch即可 //为了使双击不报错,所以在路由切换时抛出一个err this.$router.replace(this.path).catch(err=>err)...原创 2021-04-02 22:38:54 · 811 阅读 · 0 评论 -
vue中如何确保响应式的向对象中添加和删除属性?
vue中如何确保响应式的向对象中添加和删除属性?1.向对象中添加属性,并且能够做到响应式显示: Vue.set(state.info,'address','北京') Vue.set(state.info(需要添加属性的对象),"address"(需要添加的属性名),"北京"(需要添加的属性值))2.删除对象中的某属性,并且能够做到响应式显示:Vue.delete(state.info,'address') Vue.delete(state.info(需要删除属性的对象),"age"(需要删原创 2021-03-22 22:32:39 · 825 阅读 · 0 评论