如果数字包含斜杠（vue.js），如何删除该数字的最后两个字符

Question

我的代码有点问题：

<template slot="popover">
  <img :src="'img/articles/' + item.id + '_1.jpg'">
</template>

我的一些东西。id号（Exsample:002917/1）中有一个斜杠。因此，某些图像不会显示。现在，当数字中有斜杠时，我想删除最后两个字符。有没有简单的解决办法？

斜杠只应在代码中的这一点删除，而不应在项目所在的其他位置删除。使用id。

我对vue和javascript非常陌生，所以请宽恕我。

我使用的是vue版本16.13。1.

Answer 1

您也可以使用split。这将始终给出正确的结果，即使id中不包含斜杠。

<template slot="popover">
  <img :src="'img/articles/' + item.id.split('/')[0] + '_1.jpg'">
</template>

Answer 2

您只需在此处使用slice，如下所示：

const num = "002917/1";
const result = num.includes("/") 
                ? num.slice(0, -2) 
                : num;
console.log(result);