vue
浮云中的神马-潘帅
全栈开发工程师
展开
-
vue cli3.0去除console.log
首先需要安装插件npm install babel-plugin-transform-remove-console --save-dev其次进入babel.consig.js进行配置const plugins = ["@vue/babel-plugin-transform-vue-jsx"];// 生产环境移除consoleif(process.env.NODE_ENV === 'production') { plugins.push("transform-remove-consol原创 2020-07-01 11:00:29 · 558 阅读 · 0 评论 -
Vue 开发必须知道的 36 个技巧【近1W字】
前言Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版;所以应该趁还没出来加紧打好 Vue2.x 的基础;Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了 36 个 vue 开发技巧;后续 Vue 3.x 出来后持续更新.1.require.contex...转载 2019-11-18 10:43:30 · 295 阅读 · 0 评论 -
饿了么ui组件table点击tr展开单行
首先官方给出的案例:<template> <el-table :data="tableData" style="width: 100%"> <el-table-column type="expand"> <template slot-scope="props"> <el-form l...原创 2019-08-01 14:47:22 · 1484 阅读 · 0 评论 -
element-ui table组件采用min-width导致部分页面闪烁的解决方案
该BUG是由于饿了么UI下的min-width会自己通过js换算,然而部分浏览器的宽度是包含了滚动,所以宽度变来变去导致了闪烁,官方很多方法都是无效的,其实仅仅只需要给table的最外一层父容器添加overflow: auto;即可解决我则是在css中添加:/* 解决饿了么ui 滚动闪烁BOG */.el-table__footer-wrapper, .el-table__hea...原创 2019-07-01 09:35:03 · 5187 阅读 · 1 评论 -
关于swiper 4.5.0版本在vue中出现的火狐兼容BUG
在其他浏览器中,swiper均可正常运行,可偏偏在火狐浏览器下swiper.js不起作用解决办法:给swiper的调用写一个函数,同时给该函数写一个 setTimeout 简单粗暴。。。。...原创 2019-07-03 10:51:15 · 1256 阅读 · 1 评论 -
vue项目优化--使用CDN和Gzip
使用vue-cli构建的vue项目,在打包发布的时候,发现打包后的文件体积很大,使用webpack-bundle-analyzer分析后,发现占用空间最多的是引用的第三方依赖。第三方的依赖文件可以使用cdn外链的方式引入,这样就能大大缩小项目文件的体积。具体实现(以我个人项目为例)我的项目中引入了以下模块vuevue-routervuexaxiosmomenthighlight.j...转载 2019-06-06 14:38:31 · 300 阅读 · 0 评论 -
vue2.0组件通讯----实战
很多人用了keepalive之后,经常遇到数据添加之后,导致其他路由模块下的数据么有实时更新,解决方法可以有很多,我推荐使用如下的通讯:案例: 组件一触发事件,刷新组件二的数据刷新函数main.js:var bus = new Vue();Vue.prototype.bus = bus;在组件一种的事件中加入:this.bus.$emit('punchCardop');...原创 2019-04-19 09:53:16 · 141 阅读 · 0 评论 -
Vue2.0最新的模拟动态路由添加
判断权限的方法可以不限于vuex,只要能拿到均可,以下只展示路由具体写法:router下的index.js:export const constantRouter = [{ path: '/', name: 'index', component: Index }]// 动态需要根据权限加载的路由表let lv = 2if(lv==2){ //...原创 2019-04-10 13:07:48 · 423 阅读 · 0 评论 -
vue面试题
1. 谈谈你对MVVM开发模式的理解MVVM分为Model、View、ViewModel三者。Model 代表数据模型,数据和业务逻辑都在Model层中定义;View 代表UI视图,负责数据的展示;ViewModel 负责监听 Model 中数据的改变并且控制视图的更新,处理用户交互操作;Model 和 View 并无直接关联,而是通过 ViewModel 来进行联系的,Model 和 Vie...原创 2019-02-22 16:37:57 · 305 阅读 · 0 评论 -
vue项目中遇到的那些事
正文 照例放上一些项目中用到的权威的官网 vue 官方api:https://cn.vuejs.org/ vue资源精选:http://vue.awesometiny.com/ vue GitHub地址:https://github.com/vuejs/vue element-ui 官方中文api:http://element-cn.eleme.io/#/zh-CN/co...原创 2019-02-15 17:44:12 · 443 阅读 · 1 评论 -
vue2.0快速入手指南
一.安装vue-cli1.使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:npm install webpack -g或者(npm install -g webpack),安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。注意:webpack 4.X 开始,需要安装 webpack-cli 依赖 ,所以使用这条命令 npm...原创 2018-12-11 14:59:26 · 332 阅读 · 0 评论