Html Vuejs背景图像不工作
大家好, 我在Vuejs中的背景图像样式中有反斜杠问题,HTML中的字符串替换不起作用,无法解决 检查元素的URLHtml Vuejs背景图像不工作,html,css,vue.js,Html,Css,Vue.js,大家好, 我在Vuejs中的背景图像样式中有反斜杠问题,HTML中的字符串替换不起作用,无法解决 检查元素的URL http://localhost:8000/storage/banar-pages\July2018\WPNrFE6eXopKnjMqjNgW.jpg 来自DB banar pages\July2018\WPNrFE6eXopKnjMqjNgW.jpg 来自组件文件的代码 <div class="block-entry fixed-background"
http://localhost:8000/storage/banar-pages\July2018\WPNrFE6eXopKnjMqjNgW.jpg
来自DB
banar pages\July2018\WPNrFE6eXopKnjMqjNgW.jpg
来自组件文件的代码
<div class="block-entry fixed-background" :style="'background-image: url(' +link + '/storage/' + about.image +');'">
<div class="container">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<div class="cell-view simple-banner-height text-center">
<div class="empty-space col-xs-b35 col-sm-b70"></div>
<h1 class="h1 light">{{ about.name }}</h1>
<div class="title-underline center"><span></span></div>
<div class="simple-article light transparent size-4">{{ about.details }}</div>
<div class="empty-space col-xs-b35 col-sm-b70"></div>
</div>
</div>
</div>
</div>
</div>
{{about.name}
{{about.details}}
谢谢您可以使用一种方法来处理该字符串并返回修改后的URL:
methods: {
prepareURL(string) {
return string.replace('/\\/g', '/');
}
}
组件代码:
<div class="block-entry fixed-background" :style="'background-image: url(' +link + '/storage/' + prepareURL(about.image) +');'">
<div class="container">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<div class="cell-view simple-banner-height text-center">
<div class="empty-space col-xs-b35 col-sm-b70"></div>
<h1 class="h1 light">{{ about.name }}</h1>
<div class="title-underline center"><span></span></div>
<div class="simple-article light transparent size-4">{{ about.details }}</div>
<div class="empty-space col-xs-b35 col-sm-b70"></div>
</div>
</div>
</div>
</div>
{{about.name}
{{about.details}}
我需要替换图像链接,但flage不起作用
image.replace('/\\\/g','/')
看起来您错误地将字符串作为第一个参数传递给,这将导致文本替换(即,它将替换字符串中第一个出现的/\/g
):
console.log('XX/\\/gXX/\\\/gXX'。替换('/\\\/g','/'))
你到底在问什么,有什么问题?用于指定目录的正斜杠不正确,但如果它来自您的数据库,则需要更改。我需要替换图像链接,但不能使用image.replace('/\\\/g','/')