
vue
阿伦gh
所有技术博客优先在个人站点(blog.helloallen.cn)上发布,每月底定期同步至此,主要目的是推广个人站点和内容备份
展开
-
Vue项目中两种文件下载方式
以下载(导出)Excel文件为例 不需要携带token 直接调用后台接口,携带需要传递的参数,具体实现代码如下: 1、在main.js中封装指令 let baseDownloadUrl = 'http://xxxxxxx:8080' // 域名 const PATH = { userList:'vue/export/userList' // 后台接口地址 } // 封装v-out指令 Vue.directive('out', { inserted: (el, binding) = >.原创 2020-06-13 22:42:56 · 2677 阅读 · 1 评论 -
国际化插件i18n和vuex的混合使用
缘起 前段时间测试对于项目切换中英文后页面会闪一下标为bug,想了想肯定是前任开发者在切换中英文后对页面进行了强制刷新。查看源码发现果不其然,并且前任仅将中英文状态存储在cookie中,然后在需要的组件中通过cookie获取中英文状态。发现接口都是同时有返回中英文,这样完全可以通过vuex全局状态管理中英文状态,达到在一处修改了中英文后全局自动修改。 本文以 vue+ElementUI 并且以和vue组合的 vue-i18n 为例 准备阶段 1、安装相关插件 // 安装 vue-i18n npm ins原创 2020-06-13 22:39:58 · 2611 阅读 · 0 评论 -
拦截Element-UI中el-tabs组件的切换
需求 在切换tabs时,如果当前页面内容没有保存,则拦截切换并提示:“离开将不保存本页修改”的弹框 解决 1、tabs组件代码 <el-tabs v-model="activeTab" type="card" :before-leave="beforeLeave"> <el-tab-pane label="用户信息" name="basicInfo"> 用户信息表单 </el-tab-pane> <el-tab-pane v-if="code"原创 2020-06-13 22:36:22 · 2490 阅读 · 0 评论 -
vue-cli 3.x 搭建项目
一、安装vue-cli 3 安装vuecli3之前需要卸载旧版本vuecli2 npm uninstall vue-cli -g 安装vuecli3 npm install -g @vue/cli 查看当前vuecli版本 vue --version 通过vuecli3脚手架创建vue项目 vue create my-project 二、项目初始配置 运行vue creat...原创 2019-03-20 10:17:35 · 267 阅读 · 0 评论