自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 vue 引入第三方库 ie打开空白,语法不兼容问题

2.在babel.config.js添加sourceType:‘unambiguous’,让第三方库的babel和webpack一样严格区分commonJS文件和ES6文件。1.在vue.config.js添加polyfill第三方库语法监测。

2023-01-13 09:26:24 513

原创 vue 相同ip 配置不同项目路由地址

vue 相同ip 配置不同项目路由地址

2022-11-03 19:47:23 207

原创 vue 版本迭代更新自动刷新清缓存

方案:1.每次构建打包文件输出时,给文件名加上时间戳,确保每次版本更新的文件名不一样,用于清缓存(文件:vue.config.js)2.项目静态文件存储更新迭代的版本号,每次版本更新时,修改版本号(项目public目录下新建文件:version.json)3.通过路由导航守卫监听localStorage存储的版本号,是否与更新后的静态文件版本号相同,如不同,则进行刷新页面操作,配合1步骤,就可以清缓存(文件:main.js versionUpdate.js)main.jsversionUp

2022-03-11 10:23:11 6335 2

原创 el-tree 设置选项框选中状态,通过setCheckedKeys设置,会导致父选项框选中,子选项框也跟着选中问题

// 获取角色详情 const res = await selectRoleDetail({ roleId: this.$route.params.id }) // 详情时,处理选择框状态 this.$nextTick(() => { console.log(res.data.menuIdDtos, 'res.data.menuIdDtos') // 设置详情返回的选项选中 ...

2021-12-23 17:07:40 2031 2

原创 vue 捕捉全局-错误日志

需求:vue 前端做错误日志捕捉记录import Vue from 'vue'import { errorLog } from '@/utils/global'/**#处理Vue异常的方法#处理错误信息, 进行错误上报#err错误对象#vm Vue实例#`info` 是 Vue 特定的错误信息,比如错误所在的生命周期钩子#只在 2.2.0+ 可用可看详情: https://www.cnblogs.com/fundebug/p/handling-errors-in-vuejs.html

2021-11-24 14:26:09 1368

原创 2021-09-17 vue el-table 自定义表头重复出现问题

<!-- 表格 --> <vTable ref="table" :max-height="listInfo.tableHeight" :data="tableData" :columns="tableColumns" :loading="loading" :total-count="totalCount" :page-num="formInline.pageNum..

2021-09-17 13:52:58 618

原创 IE9以下(包括IE9)浏览器a标签无法下载问题解决

根源:IE9以下(包括IE9)浏览器a标签download属性不兼容。// 拼接整个url let url = httpType + '://' + ip + '/saasfiles/google.exe' // 通过document.all属性去判断 if (document.all) { // 新开标签页方式下载 window.open(url, '_blank') } else { // ie9以上及其他

2021-05-08 09:58:00 731

原创 vue 全局样式指令

styles.js导出样式指令// 样式指令const styles = { // 设置元素的框类型 display: { inserted: (el, binding) => { el.style.display = binding.value }, update: (el, binding) => { el.style.display = binding.value } }, // 设置元素宽度 width: {

2021-04-23 14:34:52 366

原创 Vue+WebSocket实现在线聊天

好了,话不多说,直接上代码!<template> <div class="hobnob-box"> <div class="txt-box"> <input ref="sendMssage" v-model="valueTxt" type="text" @keyup.enter="handleSend()" /> <div @click="handleSend()">发送消息</div> &

2021-03-18 14:22:53 704 1

转载 Vue3最新的15个常用API

以下文章来源于前端印象 ,作者Lpyexplore 来自公众号:前端印象本文会频繁地对比Vue2来介绍Vue3,也将对各个API结合代码实例讲解,这既是对自己知识的总结,也希望能帮助到大家一、前言大家都知道,现在Vue3的各个版本已经陆续发布了,并且有很多的团队已经着手各个库的开发与Vue2向Vue3的升级,我们当然也不能落后,所以赶紧将你手中的Vue2升级到Vue3,跟着本文一起学习新的API吧升级的方法可以点击本文开头的文章,在上一篇文章中有个保姆级别的教程告诉大家如何升级二、正文Vue2

2021-03-05 16:10:24 990

原创 vue $nextTick 操作dom,解决页面不更新问题

直接使用Vue中的nextTick方法异步更新created () { this.$nextTick(() => { this.options = this.$route.params })}

2021-03-04 15:05:56 465 1

转载 网站HTML SEO优化

SEO之HTML优化:让你的网站HTML代码更符合SEO规范摘要HTML优化是网站内部优化的重点,可能对SEO新手来说,容易忽略。符合搜索引擎习惯的HTML代码是极利于SEO的,可以让你的网站获得更好的搜索引擎排名。如何制作一个标准的HTML网页,如何做HTML优化,本文将为你详细阐述。一直想写下SEO中关于HTML优化方面的的文章,总算空出这部分时间来了。其实,HTML优化应该是网站内部优化的重点,每个SEOer都需高度重视。根据本人多年实战经验,一般做过HTML优化的网站上线后,相关关键词都可以获得

2021-03-01 17:34:28 229

原创 vue 定义全局本地常量

应用:表格搜索及表格写入新建全局本地常量locals.jsexport default {/** * 供应商 - 邀请记录 - 邀请状态 * @param Object invitationStatus 运单状态 - 回写 * @param Object invitationStatusArr 运单状态 - 遍历 */ invitationStatus: { '1': '待加入', '2': '已加入', '3': '已过期' }, inv

2021-03-01 15:52:16 1234

原创 vue el-input 扫码枪扫码添加数据

<el-input ref="sm_input" v-model="qrcode" placeholder="请点击输入框聚焦....." class="sm_input" :autofocus="true" @input="inputSaoMa" ></el-input>/** * 点击处方外流 */ handleDrain () { this.rowData = [] this.showInlineDialog = true cl.

2021-02-21 13:42:37 3685 3

原创 async await 定时器没法清掉问题

async await 定时器没法清掉问题其实已经在组件销毁前beforeDestroy调了清除定时器,但是实际还是没有清除掉;原因:在于 async和await没法与定时器同步,因此快速切换页面的情况下会出现定时器无法清除掉的问题;解决方法:去掉async await...

2021-02-21 11:14:44 327

原创 vue 改变数据后,数据变化页面不刷新问题

当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。所以要在页面初始化的时候应该先把新的属性添加进来;...

2021-02-21 11:08:35 1243

原创 vue-cropper ie10 兼容问题,导致剪切图片上传不了

enlarge属性设置小于等于1的话,上传图片会不成功,个人认为是分辨率太低ie10处理有问题,建议如果要兼容ie10的话要设置enlarge属性大于1

2021-02-21 10:52:39 827 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除