vue-cli
沁染流年
可以关注下我的个人知识库 语雀
https://www.yuque.com/wuhaizhongdemanyouzhe
展开
-
vue中使用事件代理并且获取一些参数
<template> <div @click="log($event)"> <ul> <li v-for="(item, index) in list" :key="index" :data-val="item.value"> {{ item.label }} </li> </ul> </div></template><script>原创 2022-04-05 20:28:17 · 1077 阅读 · 0 评论 -
自定义指令实现tab选项卡切换
<template> <div class="home"> <!-- 简单tab --> <!-- .active_s --> <div id="tab" v-cTab="{ activeIndex, activeName: 'active_s' }" > <span v-for="(item, index) i原创 2022-04-05 19:22:41 · 294 阅读 · 0 评论 -
使用mixin做到混入自定义的ui组件(简单版)
1.自定义一个组件叫做mybutton.vue注意两点:1.文字使用插槽2.类名使用动态props都是为了让用户自定义<template> <button type="button" class="mybtn" :class="[d_name]"> <!-- BUTTON --> <!-- 这里的文字需要使用插槽,让用户自定义 --> <slot></slot> </button>&l原创 2022-04-05 18:53:56 · 430 阅读 · 0 评论 -
手动改变路由的值,页面不刷新 Avoided redundant navigation to current location
1.功能需求一个列表点击不同的项,请求不同的数据,同时会改变页面路由的参数,这样手动刷新的时候就可以直接从路由取值了2.方法使用的是路由的replace 或者 push ,把路由设置为当前路由querty为没次改变的参数但是这样会在控制台保一个错误Avoided redundant navigation to current location首先这个错误不会影响你的功能使用,因为这个表示你又导航到当前理由了如果项解决的话可以用一下方法const originalPush = VueRou原创 2022-03-17 20:26:37 · 392 阅读 · 0 评论 -
vue项目部署到服务器上,使用history路由模式引起二级路由页面丢失的问题解决方法
路由配置第一次可以出现,再划线就丢失1.首先如果想要在前端使用hisroty模式的时候需要后端的配置后盾配置一般固定下面是我们后端的配置,仅供参考其中有关history刷新丢失的问题,在于划线的try file再看前端设置1.切换路由模式,这个省略2.需要在vue.config.js中配置publicPath如图所示如果想要在开发和生产的时候都用history模式就按照上面的判断环境变量设置这里注意 在开发的时候,如果你的项目没有做特殊的处理那么想要使用history就的设.原创 2021-05-21 11:10:48 · 3354 阅读 · 4 评论 -
elemenu中cellClassName不生效
今天遇到一个问题就是给elemenui中使用DateTimePicker 日期时间选择器想给特定的日期添加样式使用了组件提供的这个属性。但是并没有生效最后使用了在全局添加类名解决了样式添加不上的问题开始的时候是在组件内部使用的样式。所以以后如果发现组件样式添加不上去,可以换到全局中添加...原创 2021-04-20 13:55:25 · 947 阅读 · 0 评论 -
给组件的的特定事件中传递默认的参数
打个比方使用elementui 的 select 组件该组件有一个方法这里可以获取到选中的值比如我们绑定为@change="handle"handle(val){console.log(val) // 这里只能接受䘝形参如果你邪恶了hadle('另一个'),那么会出现覆盖}那么怎样传递除了默认参数之外的值呢,我们需要使用立即执行函数@change="(event)=>{handle(event,value) // 这个value就是第二个字,加入你使用了循环啥的就可以获取到原创 2021-03-29 16:55:23 · 155 阅读 · 0 评论 -
vuex中module模块化的使用
在项目比较大的情况下,我们会使用vuex来集中管理数据。为了模块化管理,使用vuex中的modulea.js和b.js相当于各自独立的模块我们在vue文件值要明确知道使用的是哪个模块中的同名数据时,要加上模块的前缀页面效果如下同理如果要使用mutaitions等核心模块,我们也是需要知道当是属于哪个模块如果想使用辅助函数,写法如下...原创 2020-12-14 13:40:12 · 402 阅读 · 0 评论 -
vue项目值token过期。调转到登录页面或者使用refreshToken请求新的token并更新到本地
axios.interceptors.request.use( config => { let token = sessionStorage.getItem('Authorization'); if (token) { config.headers.Authorization = token; } return config; }, error => { return Promise.reject(error); });转载 2020-12-01 14:34:17 · 1717 阅读 · 4 评论