美文网首页
Vue 中实现动态引入静态资源

Vue 中实现动态引入静态资源

作者: Cherry丶小丸子 | 来源:发表于2023-08-22 15:06 被阅读0次
URL()

URL() 构造函数返回一个新创建的 URL 对象,该对象表示由参数定义的 URL

const url = new URL(url, baseUrl)
// 创建一个可以接收参数的函数
const getImgSrc = (str) => {
    // 返回一个 url 对象,第一个参数是静态资源相对于本页面的地址,第二个参数是本页面的地址
   return new URL(`../assets/image/${str}.jpg`, import.meta.url).href
}

相关文章

  • java代理(proxy)

    静态代理 JDK 动态代理 CGLib 动态代理1)引入maven依赖 2)代码实现

  • WEB服务器

    web资源:静态、动态静态技术:html动态技术:JSP/Servlet、ASP、PHP等java中,动态web资...

  • Tomcat(Idea版)

    静态资源与动态资源 静态资源:html 动态资源:jsp 动态资源要先转换为静态资源,再返回给浏览器 网络通信三要...

  • Vue学习第一课

    1:在项目中引入Vue 通过静态cdn的方式引入: 文件来源:bootcdn前端资源库 2:添加绑定 在视图 ;...

  • SpringBoot-Web

    静态资源处理 1、外部静态资源观察springboot中web项目的自动配置类可以发现,springboot中引入...

  • 解锁在vue中引入图片的正确姿势

    大家都知道,在H5中调用本地静态资源引入图片,是通过 img 标签的 src 属性: 使用vue项目开发中,很多人...

  • 编程常用的设计模式

    动态代理和静态代理 静态代理 动态代理 静态代理与动态代理的区别 JDK中的动态代理和CGLIB 实现动态代理的方...

  • ES Module 和 Commonjs区别

    ES Module 静态引入,编译时引入Commonjs 动态引入,执行时引入所以只有ES Module才能静态分...

  • 本期小结(一)

    vue★ Vue中引入jQuery vue使用element-ui vue的v-cloak使用 vue动态组件 v...

  • vue中引入图片的小坑

    1.静态的img路径直接写你当前图片路径就好了 2.动态引入 图片资源放在 static 下 这是我代码中...

网友评论

      本文标题:Vue 中实现动态引入静态资源

      本文链接:https://www.haomeiwen.com/subject/wsahmdtx.html