美文网首页
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
    }
    

    相关文章

      网友评论

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

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