如何在Vuejs中使用if-else条件显示消息？
如何在Vuejs中使用if-else条件显示消息？
提问于 2021-06-24 19:44:27
<div class="dimension-section no-border-radius margin-top-2">
<div class="dimension-size"></div>
<div>
<ul>
<li v-on:click="display = !display" @click="getPartingCharges('5-10')" :class="{ active: isActiveClass, }" class="product-list">5-10 </li>
<li @click="getPartingCharges('10-22')" :class="{ active: isActiveClass,}" class="product-list">10-22 </li>
<li @click="getPartingCharges('22-27')" :class="{ active: isActiveClass, }" class="product-list">22-27</li>
</ul> <span v-if="display">charges will be applied</span>
</div>
</div>
我有3个li标签，在这里我需要显示消息，点击选定的数量，如5-10,10-22,22-27。
条件是，如果用户选择(5-10)我需要显示消息，如收费申请，否则需要显示，如果用户选择(10-22)(22-27)需要显示消息，如无费用申请。使用if else条件。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-06-24 21:15:20
<span v-if="display">charges will be applied</span>
<span v-else>charges will not be applied</span>我不明白你的意思。但在vuejs中，您可以使用if-else语句。如果我可以检查你的代码，我会给你很好的答案。
你应该更好的“展示”。这是主布尔值。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68115116
复制相关文章
相似问题
腾讯云开发者
