如何替换vue.js中的斜杠

Question

我的代码有点问题：

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

我的一些东西。身份证号码有一个斜杠。因此，某些图像不会显示。现在，如果项目中出现斜杠，我想用下划线替换斜杠或将其删除。身份证号码。有没有简单的解决办法？

斜杠只能在代码中的这一点上替换，而不能在项目所在的其他位置替换。使用id。

Answer 1

用替换（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace）

<template slot="popover">
  <img :src="'img/articles/' + item.id.replace(/\//g, '_') + '_1.jpg'">
</template>

Answer 2

您可以使用computed属性，并使用replace和正则表达式将斜杠替换为破折号：

<template slot="popover">
  <img :src="`img/articles/${itemId}_1.jpg`">
</template>

<script>
...
  computed: {
    itemId: function(){
        return this.item.replace(/\//g, '-');
    }
  }
...
</script>

这是一把测试小提琴：https://jsfiddle.net/pqfvba6n/