三元表达式判断控制插值表达式里面的内容

HTML方法三元判断

第一种

{ props.item.branchValveName }}-->

<td class="text-xs-left">{{ props.item.branchValveName=="" ? "无" : props.item.branchValveName }}td>
{ props.item.mainPumpName }} -->
<td class="text-xs-left">{{ props.item.mainPumpName==""?"无":props.item.mainPumpName}}td>
1
2
3
4
5

第二种

正数显示+,负值显示-

<text class="green account_left_top">{{item.num > 0 ? `+${item.num}` : `-${item.num}`}}text>
1

第三种

正数显示+,负值显示-

<text class="green account_left_top" v-if="item.num>0">+{{item.num}}text>
<text class="green account_left_top" v-else>-{{item.num}}text>
1
2

JS方法三元判断

data() {
	return {
		//Array(uni.getStorageSync('wx_code_pic')) 为数组
		imgList:  Array(uni.getStorageSync('wx_code_pic')).length > 0 ? Array(uni.getStorageSync('wx_code_pic')) :[],
		}
	}
1
2
3
4
5
6