- 博客(11)
- 收藏
- 关注
原创 Ant-Design-Vue使用官方推荐的按需引入方法时会报less-loader相关的报错
问题描述:Ant-Design-Vue使用官方推荐的按需引入方法时会报less-loader相关的报错Failed to resolve loader: less-loaderYou may need to install it. 解决方案:修改babel.config.js配置文件的配置,将style的属性值由true改为’css‘module.exports = { presets: ['@vue/app'], plugins: [ [ 'import',
2021-06-30 17:03:11
437
1
原创 实现国际化语言切换
实现国际化语言切换前言第一步,我们需要首先国际化的包第二步,需要单独一个多语言的实例化文件 src/lang/index.js第三步,在main.js中对挂载 i18n的插件,并设置element为当前的语言第四步,引入自定义语言包第五步,在左侧菜单应用第六步,封装多语言组件 src/components/lang/index.vue第七步,在Navbar组件中引入前言使用国际化 i18n 方案。通过 vue-i18n而实现。第一步,我们需要首先国际化的包 $ npm i vue-i18n第二
2021-04-26 11:16:46
516
原创 上传文件到腾讯云存储桶步骤
上传文件到腾讯云存储桶步骤一、配置腾讯云Cos二、上传sdk1.安装JavaScript SDK2.实例化 上传sdk3.调用方法实现上传腾讯云一、配置腾讯云Cos1.注册腾讯云账号2.实名认证3.认证成功后进入到腾讯云对象存储Cos中开通服务4.登录对象存储控制台 ,创建存储桶。设置存储桶的权限为 公有读,私有写5.设置cors规则AllowHeader 需配成*,如下图所示。因为我们本身没有域名,所以这里设置成*,仅限于测试,正式环境的话,这里需要配置真实的域名地址二、上
2021-04-22 14:56:19
2632
原创 基于vue-element-admin的换肤功能
基于vue-element-admin的换肤功能一、封装ThemePicker主题颜色选择组件二、初始化变量文件三、在vuex和localStorage中保存主题颜色并封装修改主题颜色的mutation和action四、将实现更新element组件颜色的方法封装到混入中五、ThemePicker中设置主题颜色六、使用本地保存的主题颜色一、封装ThemePicker主题颜色选择组件使用elementUI组件库自带的colorPicker组件来获取颜色<template> <el-
2021-04-21 15:54:56
3240
1
原创 vue-admin-template中使用Export2Excel.js实现导出excel功能
vue-admin-template中使用Export2Excel.js实现导出excel功能一、安装依赖包二、在项目中引入Export2Excel.js三、使用四、参数一、安装依赖包npm install xlsx file-saver -Snpm install script-loader -S -D二、在项目中引入Export2Excel.js由于我们在 vue-admin-template基础模板中没有该js文件,我们需要在vue-element-admin官网中查阅文档,将对应的Ex
2021-04-18 17:00:38
1064
4
原创 使用elementUI中的date-picker组件年月日显示英文
date-picker组件从英文转换为中文一、date-picker显示英文二、问题原因三、解决办法 -- 引入并注册使用中文版elementUI一、date-picker显示英文二、问题原因全局配置的使用的是英文版elementUIimport locale from 'element-ui/lib/locale/lang/en' // lang i18nVue.use(ElementUI, { zhLocale })三、解决办法 – 引入并注册使用中文版elementUI引入:i
2021-04-16 17:24:09
4010
原创 scss中使用/deep/深度选择器报错
scss中使用/deep/深度选择器报错前言一、代码二、报错三、解决办法四、总结前言在带有scoped属性的style中书写样式时,无法作用影响到子组件中的样式,此时我们会使用到deep深度选择器,来解决此问题,我们在使用less预处理器,能正常使用,但是在scss预处理器中会报错。一、代码<style lang="scss" scoped>/deep/ .el-dialog__header { background-color: #81ecec !important;}&l
2021-04-16 16:33:33
18640
3
原创 git使用
git一、git的三种区域二、git的三种状态三、git的工作流程三、配置用户信息四、git的基本操作五、git提交的白名单六、远程仓库的两种访问方式七、配置SSH key访问远程仓库八、将远程仓库克隆到本地九、git分支一、git的三种区域分别是工作区、暂存区、git仓库。工作区:处理工作的区域。暂存区:已完成的临时存放区域,等待被提交。git仓库:最终的存放区域二、git的三种状态已修改modified: 文件修改,但是没有到暂存区。已暂存staged:文件已在暂存区。已提交comm
2021-04-16 15:35:34
98
原创 自定义组件的全局注册
自定义组件的全局注册前言一、原理二、注册步骤1.创建index.js文件2.全局引入自定义组件3.直接使用组件前言有时候我们自己封装的自定义组件需要在很多页面中需要用到,每次都需要导入组件、注册组件、使用组件就会增加许多重复的代码,我们也可以像使用类似于使用ElementUI组件库一样,在全局注册我们封装的自定义组件一、原理通过Vue.use()方法注册全局组件时,会默认调用传入组件的install方法,在install方法的参数中可以拿到Vue实例二、注册步骤1.创建index.js文件
2021-04-16 11:00:15
287
原创 跨域解决方案-proxy反向代理解决跨域
proxy反向代理解决跨域前言一、proxy代理原理二、使用前言解决开发环境的跨域问题,可以在vue-cli脚手架环境下开发启动服务时,通过这个服务帮我们代理请求,解决跨域问题提示:以下是本篇文章正文内容,下面案例可供参考一、proxy代理原理二、使用在vue-cli的配置文件即vue.config.js下的devServer节点配置proxy选项代码如下(示例):proxy: { '/api': { target: 'www.baidu.com',//
2021-04-15 10:27:19
773
原创 人力资源中台动态路由tab栏效果
动态路由Tab栏1.效果图2.技术栈3.实现思路1.效果图2.技术栈借助elementUI组件库的tabs组件,结合路由对象,实现点击导航栏,增加tab栏,同时tab栏可删除的效果。3.实现思路封装tabs栏组件,设置插槽自定义内容<el-tabs v-model="activeTabName" type="border-card" :closable="true" @tab-remove="removeTab" > <el-t
2021-04-15 09:58:09
290
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人