关于vue中图片地址路径的问题,框架element-ui自定义弹框,加入图片
先说最紧要的:路径问题:在vue-cli3中public不被打包,src下的assets是被打包的,只能使用相对地址。最重要的是,template中img的src在打包后就变了,而动态创建的img直接加上相对地址后还是相对路径的字符串结:动态创建的img之前需要直接引入const url = require('@/assets/logo.png'),再将地址给url;问题1:在...
·
先说最紧要的:
路径问题:在vue-cli3中public不被打包,src下的assets是被打包的,只能使用相对地址。最重要的是,template中img的src在打包后就变了,而动态创建的img直接加上相对地址后还是相对路径的字符串
结:动态创建的img之前需要直接引入const url = require('@/assets/logo.png'),再将地址给url;
问题1:在element-ui自定义弹框中只能创建img标签,以及设置style值,无法给img增加src属性,那图片如何引入呢?
结:1、使用给div加背景图片的方式。2、不适用自定义弹框而使用插入HTML的模块,可以直接写HTML代码,可以使用es6反引号加入地址变量
更多推荐
已为社区贡献1条内容
所有评论(0)