vue技术栈及全家桶
文章平均质量分 51
vue技术栈相关搭配:elementUI、antd-vue等
搬砖的前端
这个作者很懒,什么都没留下…
展开
-
Vue设置document.title浏览器标题名字处理方案
Vue单页面,设置下根据路由变化,自动显示对应页面名字。配置路由文件中 meta.titleimport Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = [ { path: '/', name: 'Home', component: () => import('../views/Home.vue'), meta: { title: '首页'原创 2022-02-23 19:10:24 · 4440 阅读 · 4 评论 -
vuex里mapState,mapGetters使用详解
vuex里mapState,mapGetters使用详解原创 2022-01-14 10:28:26 · 4656 阅读 · 0 评论 -
vue-router使用以及搭配路由守卫拦截处理
vue-router使用以及搭配路由守卫拦截处理。常用在vue项目中使用vue-router进行路由管理,也会做一些权限以及路由守卫拦截原创 2021-12-24 15:14:53 · 3763 阅读 · 0 评论 -
vue使用 postcss-px-to-viewport 适配移动端px自动转vw
vue项目使用 postcss-px-to-viewport 适配移动端px自动转vw1.vue2 搭配 postcss px转vw 继续看此文章2.vue2 搭配 postcss px转rem 查阅另一个文章:详见【还没写的】3.vue3 搭配 postcss 查阅另一个文章:详见【还没写的】【1】安装安装:postcss-px-to-viewport//1.npm方式:npm install postcss-px-to-viewport --save-dev//2.yarn安装:原创 2021-12-21 17:33:19 · 3345 阅读 · 0 评论 -
vue、react、uniapp配置全局域名、环境变量NODE_ENV、--mode区分开发环境和正式环境
前端项目开发,不同项目环境使用不同的api接口域名(或ip)。不需要通过反复注释代码来解决接口环境问题。## 方法一:根据 window.location.host```javascriptconst baseURL = window.location.host == 'url01' ? 'url01' : 'url02';// 建议:url01是正式环境,url02是测试环境或者本地调开发用(有预生产环境的再继续写)```## 方法二:根据 process.env.NODE_ENV(需原创 2022-01-05 19:37:31 · 3279 阅读 · 0 评论 -
解决Ant Design Vue table组件固定某列(fixed)和展开某行(expandedRowRender)不能同时使用 出现错位的问题
解决Ant Design Vue table组件固定某列(fixed)和展开某行(expandedRowRender)不能同时使用 出现错位的问题 render() { this.$nextTick(() => { setTimeout(() => { let element = document.querySelectorAll(".ant-table-expanded-row"); let len = eleme原创 2023-02-20 11:33:46 · 2052 阅读 · 0 评论 -
vue 预览图片封装上下切换预览功能封装处理
vue 预览图片封装上下切换预览功能封装处理点击图片放大,再点击关闭实现很简单,但是当多个图预览时候,能自带切换体验会更好一些。本文使用ant-design-vue作为项目案例原创 2022-08-31 20:38:34 · 1014 阅读 · 2 评论 -
vue-cli安装后vue -V报错:C:\Users\admin\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js
vue-cli安装后vue -V报错:C:\Users\admin\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js全局npm install -g @vue/cli成功了,为什么cmd命令里vue -V还是找不到?原创 2021-12-31 18:17:05 · 10359 阅读 · 0 评论 -
vue中axios引用以及实例封装常见拦截器请求方式
vue中axios引用以及实例封装常见拦截器请求方式原创 2021-12-29 19:18:46 · 2591 阅读 · 1 评论 -
vue中mixin使用和事件执行顺序
vue中mixin的 引用、变量引用、钩子函数执行顺序、事件调用等方面介绍原创 2021-12-29 17:27:34 · 6678 阅读 · 0 评论 -
vue-cli创建vue2或vue3新项目步骤【留底收藏】
vue-cli创建vue2或vue3新项目步骤 1. 安装:node(已安装忽略,命令行:node -v 检查是否成功)2.cnpm或 yarn安装(非必须,npm也可以的)yarn安装:npm install -g yarn 查看版本:yarn -vcnpm安装:npm install -g cnpm -registry=https://registry.npm.taobao.org 查看版本:cnpm -v(备注:不要用npm install cnpm -g安装)...原创 2021-12-24 13:31:55 · 8131 阅读 · 3 评论 -
vue使用 postcss-pxtorem 适配移动端px自动转rem
vue项目使用 postcss-pxtorem 适配移动端px自动转rem1.vue2 搭配 postcss px转vw 继续看此文章2.vue2 搭配 postcss px转vw :点击跳转查看详情3.vue3 搭配 postcss 查阅另一个文章:详见【还没写的】.【1】安装安装:postcss-pxtorem//1.npm方式:npm install postcss-pxtorem --save-dev//2.yarn安装:yarn add -D postcss-pxtorem原创 2021-12-21 18:22:10 · 3696 阅读 · 1 评论 -
ElementUI Select单选切换多选无法清除历史数据
element-ui Select单选切换多选,单选的选项还在,清空value也清理不掉处理方案:直接上代码:<template> <div> <el-select v-model="value" :multiple="multipleType" filterable allow-create default-first-option placeholder="请选择文章标签"原创 2021-12-02 14:40:29 · 4991 阅读 · 3 评论 -
vue-cli · Failed to download repo vuejs-templates/vuedemo: Response code 404
vue-cli · Failed to download repo vuejs-templates/vuedemo: Response code 404 (Not Found)包缺失导致解决办法:1.输入:node -v(小写v)如果没有,先去官网下载安装node,或者到电脑软件管家搜索安装2.输入:vue -V(大写V)如果没有,npm i vue-cli -g安装3.输入:webpack -v(小写v)如果没有,npm install webpack -g安装都完成后,再次创建vue项原创 2021-12-02 11:21:57 · 4943 阅读 · 1 评论 -
vue-quill-editor富文本img图片由base64改传到服务器地址
vue-quill-editor是会将图片转为base64编码,若果图片较大时,提交后台时参数过长,导致提交失败。改造步骤:1.配合elementUI的图片上传<el-form-item> <!-- 图片上传 - 通过id触发调用--> <el-upload id="imgUploade" :action="uploadUrl" name="file" :show-file-list="false"原创 2021-11-18 16:31:42 · 4223 阅读 · 0 评论