element-ui问题汇总

该博客总结了element-ui在实际应用中遇到的问题及其解决办法,包括:1) 刷新当前路由的处理;2) 表格线条对齐问题;3) el-upload组件的各种应用场景,如图片回显、自定义参数传递、文件大小限制等;4) el-dialog子组件的使用问题;5) 动态设置下拉菜单的点击事件;6) vue-admin-element路由死循环的解决策略。
摘要由CSDN通过智能技术生成

element-ui问题汇总

1. 需求element-admin 点击侧边栏刷新当前路由

核心:判断它是否同路由跳转,如果是的话在跳转路径上加一个/redirect
👇src\layout\components\Sidebar\Link.vue

<template>
  <!-- eslint-disable vue/require-component-is -->
  <component v-bind="linkProps(to)" @click="testClick(to)">
    <slot/>
  </component>
</template>
<script>
import { isExternal } from '@/utils/validate'
export default {
  props: {
    to: {
      type: String,
      required: true
    }
  },
  methods: {
    testClick(url) {
      // 通过重定向空白路由页面实现当前菜单刷新
      if (JSON.parse(sessionStorage.getItem('defaultActive')) === url) {
        // 点击的是当前路由 在路由前面加上/redirect就好
        sessionStorage.setItem('defaultActive', JSON.stringify(url))
        const fullPath = encodeURI(url)
        let shit='/redirect&
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值