![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
寒 枫
一条喜欢研究代码的单身狗
展开
-
vue项目开发环境下连接多个后台
问题:开发中遇到多个后台需要连接前端进行开发的情况if(process.env.NODE_ENV == 'development' ){ // 后台人员可以在控制台用 localStorage.setItem('adminUrl', '后台接口地址'); 来设置链接后台的地址 setUrl = localStorage.getItem('adminUrl') || 'http://api.hehe.com/'; }使用localStorage进行缓存后台接口地址,前端获取缓存原创 2021-04-02 21:41:14 · 1353 阅读 · 0 评论 -
vue数据改变影响其他数据的问题
1,改变一个下拉框,其他几个下拉框的数据会跟着改变(这些下拉框都是使用的同一个数组不同对象的数据,非相同数据)后面发现只有push添加的数据才会出现此问题写死的数据下拉操作是正常的,不会影响其他对象的数据解决:生成一个新的对象或数组,就可以解决此问题JSON.parse(JSON.stringify(“对象 || 数组”))猜测是vue底层数据绑定的问题...原创 2021-03-11 11:15:36 · 1250 阅读 · 0 评论 -
《踩坑》Cannot read property ‘tapPromise‘ of undefined
webpack 插件报错.pngvue 使用webpack插件打包时候报错compression-webpack-plugin 目前最新版是 7.1.0解决方法:先卸载,再装个低一点的版本npm uninstall compression-webpack-pluginnpm i compression-webpack-plugin@5.0.1...转载 2020-12-23 10:37:37 · 15646 阅读 · 9 评论 -
vue技巧总结
1,子组件改变父组件的data变量(子组件、父组件同步data变量)使用sync修饰符 <comp :foo.sync="bar"></comp>会被扩展为 <comp :foo="bar" @update:foo="val => bar = val"></comp>当子组件需要更新 foo 的值时,它需要显式地触发一个更新事件: this.$emit('update:foo', newValue)...原创 2020-12-17 16:39:50 · 124 阅读 · 0 评论 -
router-view的key属性解决路由更新问题
router-view 作用, 你可以 router-view 当做是一个容器,它渲染的组件是你使用 vue-router 指定的。 <template> <section class="app-main"> <transition name="fade-transform" mode="out-in"> <router-view :key="key" /> </transition&g..转载 2020-11-21 10:57:25 · 2115 阅读 · 1 评论 -
vue子组件修改父组件的值
1. $emit('event', val) 最常用的一种方法,父组件通过v-on绑定一个事件,在事件中修改自己的值,子组件通过$emit触发该事件 在子组件MobileMessage中: 这种方法有个好处就是可以在父组件的事件里面做一些额外的处理,但是如果单纯的赋值,这个有点繁琐了。 2. $emit('update:modelName', data) 父组件通过.sync标识符表明prop的双向绑定,.sync是一个简写,完整写法:v-on:update:title=.转载 2020-11-17 14:44:52 · 1461 阅读 · 0 评论 -
vue使用的小技巧
vue使用的小技巧转载 2020-07-31 18:05:02 · 120 阅读 · 0 评论 -
vue中keepAlive页面缓存,详情页返回列表页刷新问题
问题当我们从列表页面的第二页进入某一项的详情页后再从详情页返回列表页,此时列表页会刷新回第一页用户体验极差需要的效果返回时仍要回到之前保存的好的页数和筛选条件等解决需要缓存的页面则添加keepAlive,不需要缓存的页面则不加路由 <!-- 缓存的页面 --> <keep-alive> <router-view v-...原创 2020-04-26 17:41:12 · 6615 阅读 · 0 评论 -
安装vue-devtools调试工具
vue调试工具地址原创 2020-03-24 20:52:34 · 122 阅读 · 0 评论 -
@vue/cli3项目搭建(二)
目录配置vue.config.js配置全局sass变量关掉烦人的eslint错误检测html中插入环境变量自定义生成的静态资源的路径代理配置vue.config.js更多配置配置vue.config.js配置全局sass变量module.exports = { // 全局配置css文件 css: { loaderOptions: { ...原创 2020-03-19 10:33:26 · 163 阅读 · 0 评论 -
@vue/cli3项目搭建(一)
nvm下载选nvm-setup.zip1,使用nvm管理多个node版本nvm install 12.16.1 :安装某版本nodenvm list :查看node版本列表nvm use 12.16.1 :使用某版本node2,安装cnpm install @vue/cli -gvue create demo...原创 2020-03-15 19:17:59 · 180 阅读 · 0 评论 -
vue/cli3 项目大小优化
vue路由懒加载按需加载一定要规范好css!!!vue/cli3官网示例把组件按组分块把import school from '@/views/school.vue'换成const school= () => import('@/views/school.vue')这样就会每一个组件就会对应生成一个js文件,按需加载此外,还需要在vue.config.js中配置//...原创 2019-11-21 14:58:02 · 1034 阅读 · 0 评论 -
vue、element-ui学习笔记1
问题1,动态改变src的字符串时出现路径错误的问题,原因是webpack不解析<img :src="'static/nav_left'+index+ 1 +'.png'" alt />原创 2019-09-05 19:54:04 · 285 阅读 · 0 评论