若依更换左侧菜单图标svg(svg无法以更换颜色的方法)

自己在网上搜索了一上还没有看到,所以自己想了个比较的笨的方法,暂时还没有想到什么好的方法

 一个是没有上色的svg一个是上了色的svg

然后我们在系统菜单 设置图标的时候选择没有上色的图标

在这个文件夹下

 

 写一入elm的事件

  data() {
    return {
      paths: ''
    }
  },
 mounted() {
        setTimeout(() => {
      const index = this.$route.fullPath.split('/') // 按空格进行切割
      this.findAndModifyIcon(this.sidebarRouters, '/' + index[1])
      this.paths = '/' + index[1]
    }, 1000)
},
  methods: {
    handleSelect(key, keyPath) {
      this.findAndModifyIcon(this.sidebarRouters, keyPath[0])
    },
    findAndModifyIcon(routerlist, targetValue) {
      console.log(targetValue, '--------')
      if (this.paths) {
        for (let obj of routerlist) {
          if (obj.path == this.paths && obj.meta) {
            const index = obj.meta.icon.indexOf('-')
            const result = obj.meta.icon.substring(0, index)
            obj.meta.icon = result
          }
        }
      }
      for (let obj of routerlist) {
        if (obj.path == targetValue) {
          obj.meta.icon = obj.meta.icon + '-select'
          this.paths = targetValue
        }
      }
    }
  }

posted @ 2024-05-14 11:13  light丶  阅读(784)  评论(0)    收藏  举报