vue
南有樛木。
这个作者很懒,什么都没留下…
展开
-
yarn add 报错 Couldn‘t find package “vue“ on the “npm“ registry.
或者 network 'proxy' config is set properly. See: 'npm help config'问题原因:因为本地npm 的registry 镜像里没办法直接安装依赖。vue 创建项目后 yarn add或 npm i 报错。原创 2023-02-15 15:48:10 · 3984 阅读 · 1 评论 -
vue post/get请求下载文件
vue axios post/get 请求下载文件$http({ method: 'post', url: 'url地址', data: "参数", responseType: 'blob',//服务器返回的数据类型}).then(res=>{ let url = window.URL.createObjectURL(res.data); let a = document.createElement("a"); a.href = ur.原创 2021-07-21 16:24:21 · 1825 阅读 · 0 评论 -
vue3+elementplus报错Unhandled error during execution of setup function
vue3+elementplus报错Unhandled error during execution of setup function因为element-plus使用的是最新版本,所以才报错,很多其他的功能也无法使用,目前没有好的办法,把element-plus降级到^1.0.2-beta.36,所有组件是可以正常使用的。降级之后再升级到最新版本也是可以使用的,不知道什么原因!!!!...原创 2021-06-30 16:05:09 · 17744 阅读 · 2 评论 -
vue 递归处理权限菜单(多维数组中查找一维数组中相同项,两个数组中查找相同项)
vue 递归权限菜单,这里随便写一个vue-router格式的菜单实现一个简单的权限菜单//以下数据根据vue-router 格式随意编写的,请根据实际业务需求来选择哪种方式let roles = ['admin','text','shop'] //也可以使用数组对象,请根据实际业务需求来选择哪种方式let asyncRouter = [ { path:'菜单admin', meta:{roles:['admin']} }, { path:'菜单text', m原创 2021-01-18 13:57:27 · 1580 阅读 · 0 评论 -
vue兄弟组件之间传值和方法调用
vue兄弟组件之间传值和方法调用1.兄弟组件相互传值1.1 vuex传值实现效果:兄弟组件之间传值,child1的值发生变化,child2值也能随之发生变化子组件一代码,child1.vue,点击button,连接store.js mutations中的changeTitle事件,进行更改值<template> <div> <input type="text"v-model="title"/> <button t.原创 2020-05-29 18:15:28 · 7031 阅读 · 1 评论 -
vue中router菜单高亮
vue中使用router实现菜单高亮因为之前一直是用点击控制class的方式写的,没有遇到问题,也没有bug。今天写的时候终于出现了bug,刷新页面高亮菜单为默认值,导致很久才能解决这个bug,记一次vue页面刷新高亮菜的为默认值的bug。话不多说直接上代码方法一:在router中选中的router-link会默认添加样式router-link-exact-active router-link-active所以直接给这两个当中的一个添加高亮样式即可,router-link-exac原创 2020-05-21 18:17:26 · 1531 阅读 · 1 评论 -
vue3创建项目
vue3创建项目vue create 项目名称 //回车default默认配置,manually手动配置,如果选择默认一直回车即可,选择手动需要进行相应的配置如下图根据自己项目需求选择相应的选项,空格选择,a全选babel---转码typescript---tsProgressive Web App (PWA) Support---支持渐进式Web应...原创 2020-04-28 11:12:14 · 22424 阅读 · 1 评论 -
vue项目,ie,360报错"promise未定义错误"和"Invalid Host/Origin header"解决办法
vue项目在ie或者360浏览器打开,报错"promise未定义错误",低版本浏览器不兼容axios请求的promise;解决办法一:安装 babel-polyfill依赖npm install --save babel-polyfillmain.js文件引入import 'babel-polyfill'webpack.base.conf.js文件修改,标记部分修改...原创 2020-01-13 11:05:58 · 596 阅读 · 0 评论 -
vue-router路由拦截造成死循环
笔记:vue-router路由拦截造成死循环,在做路由拦截的时候,一直出现死循环.router的index.js文件路由配置const router = new Router({routes: [{path: '/login',name: 'login',component: Login,meta: {isShow: true}}, {path: '/',compone...原创 2019-11-21 11:46:06 · 6267 阅读 · 3 评论 -
vue打包后项目,页面刷新之后一片空白
小白:记使用vue遇到的问题及解决办法vue项目,打包之后页面能正常显示,但是刷新之后页面就一片空白什么都没有,也不报错。所有页面都能正常打开,都是刷新就一片空白。去网上搜索是因为router中的mode的模式问题,因为之前觉得url中的#好看起来不是很好,就想着去掉,没想到项目上线之后刷新页面出现了问题。因为项目中的mode设置的是history,所以会出现这种情况,默认下是hash模式...原创 2019-11-07 10:22:28 · 3694 阅读 · 0 评论 -
vue后台管理系统多级路由嵌套实现侧导航
vue后台管理系统多级路由嵌套实现侧导航,点击一级菜单展开二级菜单,点击二级菜单展开三级菜单,点击三级菜单跳转到相应的路由原创 2019-10-11 22:26:17 · 5396 阅读 · 3 评论 -
vue中使用echarts,默认其中某个高亮显示
vue中使用echarts,插入一个饼状图,默认其中一个高亮显示,鼠标移入当前显示高亮,其它的淡出,鼠标移开,默认高亮安装ecahrtsnpm install ecahrts引入使用ecahrtsimport echarts from 'echarts'Vue.prototype.$echarts = echartshtml<div id="pieChart"...原创 2019-09-12 12:02:04 · 4705 阅读 · 7 评论 -
vue路由传值与接收
方法一:使用this.$router.push({path:'需要跳转的路由路径',query:{id:id}})this.$router.push( { path:'路由跳转路径', query:{id:id} })参数接收,这里接收的是id,传过来的是什么值,就怎么接收this.$route.query.id方法二:使用th...原创 2019-09-05 14:23:27 · 3848 阅读 · 0 评论 -
vue npm run build打包之后项目打开一片空白,解决办法
vue项目使用npm run build打包之后,项目打开一片空白,如下图:这是因为在打包的时候,没有修改路径,build默认打包路径是根路径,所以需要在修改的文件路径如下1.config文件下的index.js,下图是默认设置修改后的结果:2.build文件下的utils.js文件下的3.build文件下的webpack.prod.conf.js文...原创 2019-09-03 14:32:11 · 16163 阅读 · 6 评论 -
vue登录请求报错NET::ERR_CERT_COMMON_NAME_INVALID
改一个后台登录系统的项目,之前这个是可以正常登录访问的,后面需要换内容,后台更改了接口,将原项目的接口更改完成之后一直无法登录,显示“NET::ERR_CERT_COMMON_NAME_INVALID”报错后台给我返回的错误是请求的数据不是json,让我重新设置请求的数据,结果就是改了N久,还是不行,不是缺少这数据,就是缺少那数据最后的结果根本不是我请求数据等等一系列的原因,而是跟SSL证...原创 2019-08-30 22:15:06 · 10530 阅读 · 1 评论 -
element-ui文件上传一直出错,做个笔记记录一下,避免忘记
这两天公司要求写一个表单提交页面,仅仅只需要一个提交页面就行,偷了个懒使用的vue+element-ui写的,结果就是数据怎么都上传不成功,跟后台沟通了很久,还是数据有问题,不是缺少这个字段就是缺少那个字段网上各种搜索,一直都没能解决我的问题,网上很多的内容,都是说请求有问题,但是最终的结果就是问题并没有得到解决最后请教朋友,朋友告诉我是请求参数的问题,我的参数格式与后台参数不一致的问题,...原创 2019-08-27 14:48:57 · 2936 阅读 · 0 评论 -
vue同个目录下使用import...from引入文件夹,使其下多个组件一起加载
这两天在看前任的后台管理系统,看到layout布局的时候,有点不是很明白,为什么他这里可以直接同时加载多个组件,即下面的一段代码,不是很理解是怎么实现的.就想着要不自己去单独写一个,看看是怎么实现的.import { Navbar, Sidebar, Appmain } from './components'结果按照别人的这种写法,一直报错这是我自己写的目录结构,后来在对比的时候...原创 2019-08-23 13:42:25 · 13830 阅读 · 1 评论