三元运算在判断里面也是可以进行相应的使用的
演示:
<template>
<!-- v-if v-show的区别,前者是否会在dom中被移除,后者display:none -->
<view v-if="isShow">
now you see me
</view>
<view v-else>
now you can't see me
</view>
<view v-show="isShow">
now you see me
</view>
<!-- 三元计算 -->
<view v-if="sex1 == 1 ? true : false">
男性
</view>
<view v-if="sex0 == 0 ? true : false">
女性
</view>
<view>
------------------------------------------------------
</view>
<view v-if="sex1 == 1">
男性
</view>
<view v-else-if="sex1 == 0">
女性
</view>
<view v-else>
未知
</view>
</template>
<script>
export default {
data() {
return {
isShow:true
sex1:1
sex0:0
}
},
methods: {
}
}
</script>
<style>
</style>