时间戳

首页 > 解决方案 > 如何在 Vuejs 中使用 if-else 条件显示消息？

javascript - 如何在 Vuejs 中使用 if-else 条件显示消息？

问题描述

<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 代码。

标签： javascriptvue.js

解决方案

<span v-if="display">charges will be applied</span>
<span v-else>charges will not be applied</span>

我不确定你的意思。但是在 vuejs 中你可以使用 if-else 语句。如果我可以检查您的代码，我会给出很好的答案。

你应该更好地“展示”。这是主布尔值。

推荐阅读