有没有办法在 VUE html 中编写“如果大于”和“如果小于”语句？

Question

我最近偶然发现了一个问题，我找到了一个临时解决方案。

我想知道是否可以写这样的语句，

If(a>b)

在 HTML...

我目前在 vue.js 工作，我在v-ifwith &, ||,!运算符中找到了一个临时解决方案，但大于或小于不起作用（这是我问题的永久解决方案）。

这是我的临时解决方案：

v-if="models[0].paidDate.contains('2018') || models[0].paidDate.contains('2019') || models[0].paidDate.contains('2017')"

任何帮助将不胜感激。

Answer 1

既然您提到您使用的是 Vue.js，我认为您所追求的是条件渲染：

https://vuejs.org/v2/guide/conditional.html

您可以像这样执行您所要求的操作：

<div id="app">
  <p v-if="number > 5">{{number}} is greater than 5</p>
  <p v-else>{{number}} is less than 5</p>
</div>


<script>
    new Vue({
      el: '#app',
      data: {
        number: 2
      }
    });
</script>

这是一个小提琴：https : //jsfiddle.net/nimeshka/0q5ynm4d/1/

希望能帮助到你 ：）