Vue2.x实现根据获取到的数据 显示不同性别图片

• • 说明
  • vue文件代码
  • script代码
  • 演示图

说明

使用v-show来控制模型的隐藏与显示

vue文件代码

<img v-show="sex =='0'" src="../assets/img/性别女.png" />
	<img v-show="sex =='1'" src="../assets/img/性别男.png" />
           

script代码

<script>
	sex: '0', //显示性别女
	sex: '1', //显示性别男
	//或者根据后台传输的数据进行赋值
	</script>
           

演示图