Css Laravel blade变量未在IE的内联样式属性中渲染

我们将Laravel框架与Vue.js结合用于后台。 对于文件管理，我们使用预览和通过api调用获得的一些信息创建了分幅：

<div class="image-tile">
    <div class="preview" v-style="background-image: url('@{{tent.files[fileId].path + '/thumb/' + tent.files[fileId].name }}')">
</div>
<div class="info">
    @{{tent.files[fileId].name}}<br/>
    @{{tent.files[fileId].width}} x @{{tent.files[fileId].height}}<br/>
    @{{(tent.files[fileId].size / 1024).toFixed(2)}}KB
</div>

这应该是结果（如在chrome和ff中）

---

这是Internet Explorer中的默认行为吗？

显然IE会导致模板样式属性出现问题–请参阅此已解决问题：

建议改用

v型
：


大概是这样的：

<div class="image-tile">
    <div class="preview" v-style="background-image: 'url(' + tent.files[fileId].path + '/thumb/' + tent.files[fileId].name + ')'>
</div>
<div class="info">
    @{{tent.files[fileId].name}}<br/>
    @{{tent.files[fileId].width}} x @{{tent.files[fileId].height}}<br/>
    @{{(tent.files[fileId].size / 1024).toFixed(2)}}KB
</div>


我确信此问题来自
vuejs
而非laravel，您应该在标记中添加vuejs，请澄清？你是说上面的背景图像正是Vue渲染后在DOM中找到的吗？这只发生在IE上还是发生在所有浏览器上？@DavidK.Hess这确实是我在Vue渲染后在DOM中发现的。所有其他值都被精细渲染。这件事发生在使用IE8的客户身上，也发生在我使用IE11的客户身上。一位使用IE10的朋友说他没有遇到这个问题。在ff上的chrome上没有问题，尽管我必须进行管理，但我无法在所有浏览器上测试向后兼容性，但我想chrome和ff用户大多是最新的。对于IE8，该警告在repo的自述中：“请注意，Vue.js仅支持符合ES5的浏览器（不支持IE8及以下版本）。”至于IE11，Javascript控制台中没有错误？@DavidK.Hess我刚刚在我的家用电脑上测试了它，但控制台中没有任何错误。我尝试了你的示例以及其他combo的示例，但现在我的div中根本没有样式属性。你能用小提琴复制它吗？现在太复杂了，无法复制。我看明天我能做些什么来简化
background-image: url('/uploads/flyfish/thumb/example.jpg');

<div class="image-tile">
    <div class="preview" v-style="background-image: 'url(' + tent.files[fileId].path + '/thumb/' + tent.files[fileId].name + ')'>
</div>
<div class="info">
    @{{tent.files[fileId].name}}<br/>
    @{{tent.files[fileId].width}} x @{{tent.files[fileId].height}}<br/>
    @{{(tent.files[fileId].size / 1024).toFixed(2)}}KB
</div>