本文主要是介绍【Vue】v-else 和 v-else-if,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
作用:辅助v-if进行判断渲染
语法:
v-else
v-else-if="表达式"
PS:需要紧接着v-if使用
示例代码:
<body><div id="app"><p v-if="gender === 1">性别:♂ 男</p><p v-else>性别:♀ 女</p><hr><p v-if="score >= 90">成绩评定A:奖励电脑一台</p><p v-else-if="score >= 70">成绩评定B:奖励周末郊游</p><p v-else-if="score >= 60">成绩评定C:奖励零食礼包</p><p v-else>成绩评定D:惩罚一周不能玩手机</p></div><script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script><script>const app = new Vue({el: '#app',data: {gender: 2,score: 95}})</script></body>
这篇关于【Vue】v-else 和 v-else-if的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!