从品牌网站建设到网络营销策划,从策略到执行的一站式服务
我个人常用的方法,一直在摸索更好的方法,如果各位大佬有什么建议,可以给我评论留言哦
创新互联是一家集网站建设,丰县企业网站建设,丰县品牌网站建设,网站定制,丰县网站建设报价,网络营销,网络优化,丰县网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。1、import方法
第一步:在.vue文件中import edit from 'path'(path是图片与.vue的相对路径)
第二步:在data对象中定义一个属性edits,值对应edit
第三步:在template中 给标签绑定属性
最后刷新界面看效果就可以了!
2、static方法
第一步:图片放在static文件夹,在data对象的一个里定义属性pro_img,属性值是图片与.vue的相对路径
第二步:在template中 给标签绑定属性
刷新看效果
解决vue组件css中背景图片路径报错问题
前提是你用了vue-cil,那么在build目录下找到utils.js中的ExtractTextPlugin.extract({}),里面添加下面这个属性就完美解决了publicPath: '../../'
解释
文件最终会打包压缩为js。当运行的时候,css中的相对路径指向已经发生变化指向了根目录,所以出现加载错误的问题。
下面是这个插件的解释。
extract-text-webpack-plugin
作用:该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象。
插件参数:该插件有三个参数意义分别如下:
use: 指需要什么样的loader去编译文件,这里由于源文件是.css所以选择css-loader
fallback: 编译后用什么loader来提取css文件
publicfile: 用来覆盖项目路径,生成该css文件的文件路径
以上这篇vue-cli脚手架引入图片的几种方法总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联成都网站设计公司。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图