VUE通过route实现点击切换背景图片

在VUE中通过 默认会被渲染成一个 标签,可以对a标签进行操作,但是这种如果如果要实现点击不同的导航菜单,base组件不改变的情况改变背景图片时,这种方法并不适合。

我们可以在base组件中编写导航菜单,通过handleSelect(val,path)实现动态的切换路由, 通过
this.$router.push添加跳转路由,我们可以在指定跳转路由前面进行获取需要改变的背景图片,然后传递给其他组件

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


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

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部