javascript - vue 怎么动态生成一个img 标签

问题描述

问 题

我动态生成了一个 img 但是总是会提示找不到文件 我觉得应该是vue 没有把这个文件打包进去的原因吧

let Myoff = document.createElement("img");
 console.log(Myoff);
    Myoff.src="../assets/delete_ic.svg";

解决方案

src 换成根目录下的static /static/delete_ic.svg 并且把delete_ic.svg放进static文件夹里面

模板渲染的时候,vue会把img asset文件下的img文件转成base:64格式,错过了模板渲染阶段,再引用asset文件下的img就没用了，后面要引用的文件都要放在static文件里面

这篇关于javascript - vue 怎么动态生成一个img 标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！