Блог

 <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.

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

Я не совсем понимаю, что вы имеете в виду. но в vuejs вы можете использовать оператор if-else.
если я смогу проверить ваш код, я дам хороший ответ.

и вам должно быть лучше для «отображения». это основное логическое значение.