Vue背景div图像未加载

mbskvtky  于 2023-03-24  发布在  Vue.js
关注(0)|答案(1)|浏览(152)

我正在尝试添加一个图像作为背景到一个div。
我已经尝试了无数次,但它不工作,没有返回任何东西,也没有错误出现。
我只是偶然发现了这个链接,但用户提出的解决方案并没有帮我解决问题
vue cli 3 – use background image in style tag

<div class="" style="background-image: url('~@/assets/imagens/bg-01.jpg');">
     <span class="login100-form-title-1">Sign In</span>
</div>

vue -V = 3.9.2

fafcakar

fafcakar1#

虽然已经3年多了,但你可能已经解决了你的问题。我写这个答案是为了其他遇到类似问题的人。如果上面链接中的解决方案不适合你,我还有另一个建议:

<template>
   <div class="" :style="`${background}`">
       <span class="login100-form-title-1">Sign In</span>
   </div>
</template>
<script>
    import background from '~@/assets/imagens/bg-01.jpg'
    export default {
           data() {
                return {
                      background,
                }
           }
    }
</script>

我希望它能有所帮助。但是,我认为它不适合,因为我们经常在云上存储文件。
如果我的回答浪费了你的时间,我很抱歉。

相关问题