![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 55
vue类的技术分享
Queen_live
热爱生活,热爱工作
展开
-
前端权限验证之自定义指令v-permission
可以使用全局权限判断函数,用法和指令 v-permission 类似。使用vue自定义指令来v-permission 来控制按钮。原创 2023-08-07 14:22:40 · 604 阅读 · 0 评论 -
vue 使用less 报错:Inline JavaScript is not enabled
现象在vue 项目中使用less 后报错:Inline JavaScript is not enabled .bezierEasingMixin();解决方案:在 build/utils.js 文件中修改less配置(vue/cli2版本) return { css: generateLoaders(), postcss: generateLoaders(), ...原创 2019-12-25 16:29:15 · 5792 阅读 · 1 评论 -
nginx服务器上发布的新版本代码总需要清除浏览器缓存问题
前端发布新代码后的浏览器缓存问题问题场景原因解决方法问题场景代码运行环境:nginx现象:发布新版本代码时浏览器总是有上次缓存结果:页面显示混乱、更新的功能还是上个版本等一系列问题原因浏览器缓存解决方法1. 用户自行清理浏览器缓存。优点:清除浏览器缓存后可达到效果。缺点:影响用户体验2. 使用禁用缓存标签,实现禁用浏览器缓存。优点:可达到效果。缺点:每次请求页面都要重新请求,我们还是希望有缓存的 <meta http-equiv="Cache-Control" con原创 2020-06-22 15:36:26 · 5450 阅读 · 2 评论 -
Webpack Bundle Analyzer 使用常见问题
这里写自定义目录标题一:安装二:配置三:常见问题一:安装npm intall webpack-bundle-analyzer –save-dev二:配置在vue.config.js 里面const Webpack = require('webpack');const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").B...原创 2020-02-03 16:24:47 · 2782 阅读 · 0 评论 -
vue页面刷新显示空白 后台显示打包后的js 文件报错Unexpected token
这里是打包文件路径的问题,修改webpack.config.js 里面的 publicPath为绝对路径 比如 ‘/’原创 2020-01-15 14:25:43 · 416 阅读 · 0 评论 -
vue封装 svg-icon组件 并 vue/cli4配置 svg-sprite-loader, 报错:resolve is not defined
1,vue中封装svg-icon组件使用原因1,svg是矢量图, 不会因为尺寸方法和缩小而失真2, 阿里图库可以直接粘贴获取 svg 图标代码,方便快捷3,封装为组件后,更容易操作接下来我们一起来创造它吧1,创建组件,首先在components文件夹下创建一个名为SvgIcon的文件夹,在此文件夹下创建 index.vue文件,如图:comoponets/SvgIco...原创 2020-01-06 17:02:14 · 6317 阅读 · 3 评论 -
vue报错:name: "NavigationDuplicated",message: "Navigating to current location ("/pool") is not allowed
vue报错:name: “NavigationDuplicated”,message: “Navigating to current location (”/pool") is not allowed这句话的意思:在路由跳转的时候不允许两次push/replace的path地址相同解决方法:方法一: vue-router 回退版本3.0 (3.1以下版本)npm uninstall ...原创 2020-01-02 11:00:08 · 1015 阅读 · 0 评论 -
VUE项目实现全屏显示功能---screenfull
摘要:使用screenfull 插件大多数开发项目中都需要全屏显示功能,在vue项目中有比较方便的插件 screenfull。npm地址:https://www.npmjs.com/package/screenfull点击图标 全屏显示再次点击退出全屏或者Esc 退出使用方法 npm install screenfull --save首先安装 npm install scre...原创 2019-12-30 11:50:50 · 6284 阅读 · 2 评论