我在更换时遇到一些问题。我正在从数据库中获取一些整数。如果获取的数字仅为1,则我将其替换为“空”,但是当我这样做时,它将影响其中所有包含1的数字。

这是我在做什么,首先调用toString,然后调用replace



<tr v-if="moreIndex < one.length"  v-for="moreIndex in morePro">
  <td>{{one[moreIndex].products}}</td>
  <td>{{priceSep(one[moreIndex].price).toString().replace("1", "empty")}}</td>
</tr>





所以我将“ 1”更改为空,但是如果任何其他数据包含“ 1”,则输出看起来像这样...

5empty98


我该如何解决这个问题?

最佳答案

您可以使用Conditional (ternary) operator检查长度:

<td>{{priceSep(one[moreIndex].price).toString().length == 1 ? priceSep(one[moreIndex].price).toString().replace("1", "empty") : priceSep(one[moreIndex].price).toString()}}</td>


可能是,如果值为1,则可以尝试直接设置该值:

<td>{{priceSep(one[moreIndex].price).toString() == "1" ? "empty" : priceSep(one[moreIndex].price).toString()}}</td>

10-08 18:29