作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的代码有一点问题:
<template slot="popover">
<img :src="'img/articles/' + item.id + '_1.jpg'">
</template>
我的一些 item.id 编号中带有斜线。因此,某些图像无法显示。现在,如果 item.id 数字中出现斜杠,我想用下划线替换斜杠或将其删除。有没有简单的解决方案?
斜杠只能在代码中的此时替换,而不能在使用 item.id 的其他地方替换。
最佳答案
您可以使用计算属性,并使用 replace
和正则表达式将斜杠替换为破折号:
<template slot="popover">
<img :src="`img/articles/${itemId}_1.jpg`">
</template>
<script>
...
computed: {
itemId: function(){
return this.item.replace(/\//g, '-');
}
}
...
</script>
这是一个测试 fiddle :https://jsfiddle.net/pqfvba6n/
关于javascript - 如何替换 vue.js 中的斜杠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70303973/
我是一名优秀的程序员,十分优秀!