vue
沉迷代码的小蠢蛋_
这个作者很懒,什么都没留下…
展开
-
vue---组件传值--eventBus
eventBus—兄弟组件传值两个组件页面a、b,属于兄弟关系,要求实现a向b传值,其传值实现过程如下:首先在vue 项目中的 main.js 创建一个 vue实例,export const eventBus = new Vue()其中在a页面使用 eventBus,代码如下:import { eventBus } from "../main"; eventBus.$emit("userName", this.username);在 b 页面使用 eventBus,代码如下: eve原创 2022-03-16 19:50:16 · 488 阅读 · 0 评论 -
解决NavigationDuplicated: Avoided redundant navigation to current location: 问题
vue项目中,点击左侧菜单栏中的项,重复点击时会报错,解决这个问题,首先找到项目中管理路由的文件,一般是router/index.js,有的直接就是router.js。然后看vue-router的引入名称,import VueRouter from 'vue-router' Vue.use(VueRouter) // 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题const originalPush = VueRouter.prototype.push.原创 2022-03-04 09:33:33 · 1071 阅读 · 0 评论 -
vue----跨域 cookie丢失问题
问题前摘:前后端 域名不同,出现跨域问题后端采用 cors 解决,但出现 前端页面跳转 致使后端cookie丢失问题问题出现原因:后端采用 cors 会出现前后端 cookie 不通的问题,因此在后端添加 cors 的时候,前端也应注意 将权限打开解决办法:前端在 main.js 中 添加 axios.defaults.withCredentials = true...原创 2022-02-25 09:28:54 · 2344 阅读 · 0 评论 -
vue中setInterval的清除
vue中setInterval的清除注:本文借鉴了很多方法整理得来方法一:直接使用 window.setInterval() 和 window.clearInterval()方法二:在data 中创建一个定时器对象,并在想使用定时器的方法中实例化这个对象进行定时器的使用:data() { return { timerInterval: null // 定时器名称原创 2021-08-18 15:29:05 · 5971 阅读 · 0 评论 -
Vuex 基础知识详解
vuex1.VUEx 概述1.1 组件之间共享数据的方式小范围数据传送:父向子传值: v-bind 属性绑定子向父传值: v-on 事件绑定兄弟组件之间共享数据 : EventBus$on : 接收数据的那个组件$emit : 发送数据的那个组件1.2 Vuex 概念Vuex 是实现组建全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。1.3 使用 Vuex 统一管理状态的好处能够在 vuex 中集中管理共享的数据,易于开发和后期维护能够高效的实现组件之间的数据共原创 2021-07-19 14:04:21 · 329 阅读 · 0 评论