vue根据登录存储的性别来改变背景图

本文主要是介绍vue根据登录存储的性别来改变背景图，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

根据登录成功之后，并把信息存入到本地，在个人页面中，并取出来，并渲染它，这是一个根据存储的性别来渲染个人页面的背景图，男女性别不同，背景图也不一样。

template:

    <div class="top" :style="{ backgroundImage: `url(${currentBackground})` }"> </div>

script：
 

import man from '../assets/img17474618acbe78f68.jpg';
import girl from '../assets/001.jpg';
// 判断性别背景图
const currentBackground = ref('')
if (uid.value.sex==1) {currentBackground.value = man;
}else{currentBackground.value = girl;
}

这篇关于vue根据登录存储的性别来改变背景图的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---