vue中router.addRoutes和router.addRoute的使用方法

addRoutes 传入数组const accessRoutes = await store.dispatch( "permission/generateRoutes", roles ); router.addRoutes(accessRoutes); // 动态添加可访问路由表 // 如果参数to不能找到对应的路由的话,就再执行一次beforeEach((to

- 阅读全文 -

Vue前端解决跨域问题

Vue 项自中 使用 vue.config.js 解决跨域问题Vue 项目一定是 cli 创建的 Vue 项目# 安装 npm install -g @vue/cli # 创建一个项目 vue create my-project1.为什么会出现跨域问题?出于浏览器的同源策略限制,同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器

- 阅读全文 -

elementUI的导航栏在刷新页面的时候选中状态消失的解决

首先elementUI的导航栏中的选中项的高亮显示时的字体颜色可以在属性中设置,但是高亮时的背景颜色不能设置,所以要自己修改高亮的背景颜色.el-menu-item.is-active { background-color: #00b4aa !important; }在使用elementUI构建vue项目的时候会遇到页面刷新的时候子路由会保持原来的,页面中的内容也是当前对应路由的内容,但是el

- 阅读全文 -

Vue3和Vue2有什么区别

区别生命周期的变化 整体来看,变化不大,只是名字大部分需要 + on,功能上类似。使用上 Vue3 组合式 API 需要先引入;Vue2 选项 API 则可直接调用,如下所示。 // vue3 <script setup> import { onMounted } from 'vue' onMounted(() => { ... }) // 可将不同的逻辑拆开成多

- 阅读全文 -

带你了解Pinia和Vuex两个状态管理模式

Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5,只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。 本文将通过Vue3的形式对两者的不同实现方式进行对比,让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。既然我们要对比两者的实现方式,那么我们肯定要先在我们的Vue3项目中引入这两个状态管理器(实际项目中千万不要即用Vuex又

- 阅读全文 -

uni-app跨域问题解决方法

修改接口配置,添加判断,当开发环境时为'/'baseUrl: process.env.NODE_ENV === 'production' ? 'http://接口域名/' : '/',打开manifest.jsonCtrl+F找到## devServer ##"devServer": { "https": false, }修改成"devSe

- 阅读全文 -

Vue响应原理

Vue响应式指的是:组件的data发生变化,立刻触发视图的更新 。原理: Vue 采用数据劫持结合发布者-订阅者模式的方式来实现数据的响应式,在getter中收集依赖,在setter中触发依赖。即把用到该数据的地方收集起来,然后等属性发生变化时,把之前收集好的依赖循环触发一遍。vue2通过Object.defineProperty来劫持数据的setter,getter。 获取属性值会触发gette

- 阅读全文 -

uni-app下拉菜单组件

效果图<view :class="topSelect.status !== null ? 'fluid-box' : 's8-card-box'"> <view class="select__tabs"> <view class="tabs__box" v-for="(ite

- 阅读全文 -

vuepress-theme-hope搭建教程

VuePress 搭建教程VuePress-theme-hope 主题不仅在默认主题的基础上大幅提高美观性,同时搭配各种插件,在各种细节与功能上为 VuePress 提供全方位的增强。一、环境配置node.js 下载地址(请确保你的 Node.js 版本 >= 8.6)下载完成后按自身需求进行 node.js 的安装npm 防警告配置教程(可跳过)找到 node.js 安装路径修改 npm,

- 阅读全文 -