网络设计课程,惠州网站建设优化,温州市网站建设,ps网站轮播图怎么做的参考CSDN
方法一
根据官网的提示, 就是在将asset 前面加上src
img v-ifpost.welcomeScreen :src/src/assets/blogPhotos/${name}.jpg alt /方法二
关于第二个方法#xff0c;官网说#xff1a;“实际上#xff0c;Vite 并不…参考CSDN
方法一
根据官网的提示, 就是在将asset 前面加上src
img v-ifpost.welcomeScreen :src/src/assets/blogPhotos/${name}.jpg alt /方法二
关于第二个方法官网说“实际上Vite 并不需要在开发阶段处理这些代码在生产构建时Vite 才会进行必要的转换保证 URL 在打包和资源哈希后仍指向正确的地址。”
因此以下的方法开发阶段不需要了解。
首先把给src绑定一个函数然后把需要图片名字传给函数。
img :src altgetImageUrl(name) /
//or
img v-lazygetImageUrl(res.img) /function getImageUrl(name) {return new URL(../assets/blogPhotos/${name}.jpg, import.meta.url).href;
//or
function getImageUrl(name) {return new URL(/src/assets/img/${name}, import.meta.url).href}import.meta
import.meta 对象包含关于当前模块的信息。
它的内容取决于其所在的环境。在浏览器环境中它包含当前脚本的 URL或者如果它是在 HTML 中的话则包含当前页面的 URL。