随笔分类 -  Vue

Vue中封装toast插件
摘要：一：在项目中创建一个plugins\ToastMessage\index.vue文件 <template> <div class="wrap" v-if="showWrap" :class="showContent ?'fadein':'fadeout'">{{text}}</div> </temp 阅读全文
posted @ 2020-04-27 11:20 吴政恒 阅读(1605) 评论(0) 推荐(1)
VUE中使用ElementUi的Message弹窗提示
摘要：一：安装ElementUi npm install element-ui 二：引用组件 import ElementUI from 'element-ui' // 安装 ElementUI（ui） Vue.use(ElementUI) 三：在vue文件中使用 (1) 成功提示框 this.$mess 阅读全文
posted @ 2020-04-27 11:10 吴政恒 阅读(11554) 评论(0) 推荐(1)
Vue打包时Unknown plugin "external-helpers" in "xxx\\.babelrc" at 0" 解决方案
摘要：把.babelrc文件删掉重新打包即可解决。 阅读全文
posted @ 2020-04-23 17:08 吴政恒 阅读(776) 评论(0) 推荐(1)
vue中Axios的封装
摘要：简介： 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource 阅读全文
posted @ 2020-04-23 15:19 吴政恒 阅读(209) 评论(0) 推荐(1)
Vue中this.$router.push路由传参以及获取方法
摘要：项目中通过this.$router.push路由跳转页面传递参数的方式很常见，一般有两种方式： 1.params传参： this.$router.push({name:'parasetEdit',params:{pk_refinfo:'test',value:'test1'}}); 目标页面接收参数 阅读全文
posted @ 2020-03-27 17:15 吴政恒 阅读(6262) 评论(0) 推荐(1)
Windows环境搭建Vue开发环境
摘要：一、安装node.js（https://nodejs.org/en/） 下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。 二、设置nodejs prefix（全局）和cache（缓存）路径 1、在nodejs安装路径下，新建node_global和node_cache两个文件夹 2、设 阅读全文
posted @ 2020-03-27 17:11 吴政恒 阅读(856) 评论(0) 推荐(1)
Docker+Nginx 部署Vue+Element前端项目
摘要：准备工作 （1）安装nginx镜像 docker pull nginx （2）查看nginx镜像 docker images 部署项目 （1）生成vue项目 npm run build （2）创建 Nginx Config配置文件 在项目根目录下创建 Nginx 文件夹，该文件夹下新建文件 defa 阅读全文
posted @ 2020-03-27 16:52 吴政恒 阅读(1028) 评论(0) 推荐(0)