若依更换左侧菜单图标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 } } } }
酱