![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
暗香浮动,月黑风高
一个快乐的码农
展开
-
vue缓存页面,返回上一页不刷新
1、在App.vue中使用keep-alive标签<template> <div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive" /> </keep-alive> <router-view v-if="!$route.meta.keepAlive" /> </div></template&g原创 2021-02-01 15:28:42 · 1221 阅读 · 0 评论 -
VUE更改第三方组件样式
1、当页面只存在一个第三方组件的时候,为不影响其它页面的组件的使用可以使用/deep/进行修改,例: <el-select v-model="value" placeholder="请选择" style="width: 13%;margin-left: 2%;top:-3px" @change="selectChart"> <el-option v-for="item in deviceData" :key="item.原创 2021-01-14 16:10:50 · 856 阅读 · 0 评论 -
使用webStrom配置npm,快速启动vue项目
1、安装node.js不在叙述2、用webStrom打开vue项目,3、点击左上角加号选择npm4、配置npm5、选择接受,选择启动即可原创 2020-12-15 09:53:36 · 451 阅读 · 0 评论 -
Duplicate keys detected: ‘xxx‘. This may cause an update error. found in
这种错误一般是vue种的v-for循环的时候,设置的key键出现一样的情况,为解决这种问题可以使用v-for循环的下标进行赋值解决如:<sidebar-item v-for="(route, index) in permission_routes" :key="route.path +''+ index" :item="route" :base-path="route.path" />...原创 2020-09-15 09:57:37 · 753 阅读 · 0 评论 -
vue组件之间的相互调用(父子关系与非父子关系)
父子组件的通信请查看这篇博文此文主要介绍兄弟组件间的通信所有组件通信方式请查看这篇博文第一种:eventbus创建bus.js(bus与main.js平级)export default(Vue) => { const eventBus = new Vue() Vue.prototype.$bus = { $on (...param) { eventBus...转载 2020-04-27 17:55:59 · 805 阅读 · 0 评论 -
vue获取验证码点击事件之后一分钟倒计时三种情况
一、简单加一个倒计时(刷新倒计时失效)1、获取验证码的点击按钮 <el-button :loading="loading" :class="{'disabled-style':getCodeBtnDisable}" :disabled="getCodeBtnDisable" type="primary" style="width: 25%;height:50px;t...原创 2020-04-27 16:53:56 · 1839 阅读 · 0 评论 -
vue-element-admin动态加载导航栏
点击导航栏跳转指定页面报错检查路由:多了一个反斜杠原创 2020-03-20 13:05:01 · 1505 阅读 · 0 评论