VUE通过route实现点击切换背景图片
在VUE中通过 默认会被渲染成一个 标签,可以对a标签进行操作,但是这种如果如果要实现点击不同的导航菜单,base组件不改变的情况改变背景图片时,这种方法并不适合。
我们可以在base组件中编写导航菜单,通过handleSelect(val,path)实现动态的切换路由, 通过
this.$router.push添加跳转路由,我们可以在指定跳转路由前面进行获取需要改变的背景图片,然后传递给其他组件

传递参数后,需要在目标页面中进行接收并设置背景图片的css样式,这里需要注意的是,在设置之前要检查base组件中图片是否通过require导入,如果没有导入会出现背景图片设置失败问题

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
