我当前收到此控制台错误消息:
interpolation in "style" attribute will cause the attribute to be discarded in Internet Explorer. Use v-bind:style instead.
这是由这段代码引起的:
<div class="placeholder-img"
style="background-image: url({{ travel._source.field_image[0].url }})">
现在我不知道如何将其更改为正确的语法,如果背景图像不包含 url() 部分并不难,但现在我对如何正确重构它有点困惑。有人可以帮我吗?
干杯。
最佳答案
<div class="placeholder-img"
v-bind:style="{ 'background-image': 'url(' + travel._source.field_image[0].url ')' }">
使用 v-bind 简写时:
<div class="placeholder-img"
:style="{ 'background-image': 'url(' + travel._source.field_image[0].url ')' }">
使用 ES6 语法时:
<div class="placeholder-img"
:style="{ 'background-image': `url(${travel._source.field_image[0].url})` }">
关于javascript - Vue.js - 插值错误 - 如何将样式重新设计为 v-bind :style?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36979720/