在Vue中,使用三元表达式,并且表达式的选项中有换行标签<br>,则表达式不会生效。整个表达式变为字符串。
<view style="font-size: 24rpx; color: #666;transform: scale(0.85);font-weight: 300;">
{{ vipType==2 ? "尊享SVIP专属标识<br>和独特相框" : "尊享VIP专属标识和独特相框" }}
</view>
解决:
//第一种,样式中加whiteSpace: pre-line,换行用\n
<view style="font-size: 24rpx; color: #666;transform: scale(0.85);font-weight: 300;whiteSpace: pre-line">
{{ vipType==2 ? "尊享SVIP专属标识\n和独特相框" : "尊享VIP专属标识\n和独特相框" }}
</view>
//第二种,用pre标签,换行用\n
<pre>{{ vipType==2 ? "尊享SVIP专属标识\n和独特相框" : "尊享VIP专属标识\n和独特相框" }}</pre>