zoukankan      html  css  js  c++  java
  • vue+webpack项目下动态修改嵌套在元素里面的style图片加载问题

    今天在完成vue项目的时候  发现一个小小的问题  将背景图片以样式嵌套的形式写在ele里面的时候图片始终显示不出来  但是当写在当前文件下的style里面就可以显示出来

    两种写法的路径完全一致 而且是在同一个文件中 数据读取也没有出现任何错误  度娘之后仍然没有解决办法   知道是webpack打包的时候没有对她进行任何操作 所以才导致图片没有加载出来

    直接写上去的路径是会被webpack打包,你这么写 this.picUrl="./…/…/assets/img/common/pic.jpg" 的路径是不会被打包的,

    使用require("./…/…/assets/img/common/pic.jpg")的形式 导入图片 最终图片成功加载出来

    成功:

    这种写法引入图片 当你的图片动态改变的时候

  • 相关阅读:
    大数据学习操作笔记
    每日总结
    每日总结
    每日总结
    每日总结
    每日总结
    每日总结
    jstl标签,c:foreach无效的问题
    阅读笔记
    《高效能人士的7个习惯》
  • 原文地址:https://www.cnblogs.com/athean/p/8444727.html
Copyright © 2011-2022 走看看