![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Lv骚年
这个作者很懒,什么都没留下…
展开
-
vue中使用axios无感应刷新token
关键点:存储Promise方法let retry = new Promise((resolve, reject) => { subscribesArrRefresh(Token => { config.headers.Authorization = Token resolve(config) }) })demo :// 是否正在刷新的标志let isTokenRefre...原创 2021-03-15 20:43:28 · 851 阅读 · 0 评论 -
webpack 使用 NormalModuleReplacementPlugin 项目差异化打包
情景:项目中包含多个模块,不同场景需要打包的模块不同,需要设置对应命令进行差异化打包。解决方案:使用NormalModuleReplacementPlugin 插件判断打包场景,引入需要的模块文件1:vue.config.js 中使用插件,设置识别字符串‘-APP_TARGET’plugins: [ new webpack.NormalModuleReplacementPlugin( /(.*)-APP_TARGET(\.*)/, function(resource) {..原创 2021-02-21 17:53:30 · 1996 阅读 · 0 评论 -
Vue项目 在IE11 下无法登录跳转
问题: Vue项目,Chrome, FIreFox运行正常, 在IE11 环境下可以打开,但点击登录无法跳转原因: 登录页使用了form表单,当el-button组件设置native-type="submit"后,点击登录会刷新页面!解决办法: 添加prevent修饰符,去除默认事件影响<el-button style="width:100%" type="primary" @click.prevent="onSubmit" native-type="submit" :loading="原创 2021-02-19 17:19:16 · 610 阅读 · 0 评论 -
vue Hash路径 获取 参数值
问题:vue项目使用hash模式形成的页面路径包含‘#’,无法使用传统方式获取参数值解决:getQueryVariable (variable) { const after = window.location.hash.split('?', 2)[1] if (after) { const reg = new RegExp('(^|&)' + variable + '=([^&]*)(&|$)') const r = after.match(reg) if原创 2020-11-20 15:54:58 · 4075 阅读 · 0 评论 -
ElementUI el-date-picker 设置日期+时间 返回值少8小时
问题:使用el-date-picker控件选择日期+时间时设置了value-format="yyyy-MM-ddTHH:mm:ss"type="datetime"获取的value 还是比当前时间少8小时,问题由时区导致解决:value-format格式设置加上时区标志value-format="yyyy-MM-ddTHH:mm:ss.000Z"type="datetime"...原创 2020-06-02 17:50:11 · 2941 阅读 · 1 评论 -
webpack打包引用外部js去除单个undefined提示
问题:1:public中引用外部js2:在根index.html使用script标签引入3:由于使用了eslint检测,单文件中直接使用定义的变量编译出现error,但不影响功能Module Warning (from ./node_modules/eslint-loader/index.js):error: 'PLAY_ADDRESS' is not defined (no-undef) at src\components\play\play.vue:98:25:解决办法:在.原创 2020-06-01 11:55:15 · 961 阅读 · 0 评论 -
element-UI 表单验证
问题:使用elementUI中的表单组件时,验证时一直提示is required, 打印value值underfined,检测prop和:model格式无误原因:el-form-item指向的prop验证的属性需要和el-form绑定的:model是同一个对象html<el-form ref="createForm" :model="createForm" :rules="createRule" label-width="100px"> <el-fo原创 2020-05-19 18:41:41 · 378 阅读 · 0 评论 -
vue v-for循环修改属性后页面不重新渲染
问题:修改for循环中一组数据的一个属性值后,页面没有重新渲染,尝试使用$set修改触发渲染,但是不好使。解决办法:强制刷新this.$forceUpdate()...原创 2020-04-28 17:32:00 · 7254 阅读 · 2 评论 -
mounted 先于 router.beforeEach 执行的问题
使用vue中的router.beforeEach 全局导航钩子实现进入路由前验证,直接使用url打开页面时,居然先执行vue单页面中的mounted钩子,再执行的BeforeEach。原因:在main.js中定义时 需要先定义 router.beforeEachrouter.beforeEach((to, from, next) => {})再 vue实例化ne...原创 2019-12-24 10:53:40 · 2878 阅读 · 0 评论 -
vue2.X引用element-ui编译时提示找不到index.css
问题:This dependency was not found:* element-ui/lib/theme-chalk/index.css in ./src/main.js解决:百度google查找的 “路径错误”,“新增css-loader”,“修改babelrc文件” 方式都不好使。最终找到:loader配置中添加一段路径配置即可...原创 2019-11-10 11:30:36 · 1516 阅读 · 0 评论 -
vue-cli2.9.6 升级 3.X时 卸载旧版本失败
问题:将电脑上的vue-cli2.9.6卸载升级到3时,卸载会卡住原因:安装node时选择安装环境不是默认环境,npm卸载vue时无法正确卸载;在默认情况下,node和vue并没有配置环境变量,所以默认npm安装路径在:C:\Users\Myn\AppData\Roaming\npm\node_modules文件夹下,而node.js我们一般安装在D盘,这样就会有路径冲突,所以需要通过修改...原创 2019-11-09 15:10:40 · 1925 阅读 · 3 评论