vue导入静态js_如何在vue js中加载静态图像

我有一个组件,它接受一个prop字符串,即一个url。它可以是远程图片,也可以是资产文件夹中的本地静态资产。

目录结构:

-assets/

- logo.png

-app.vue

-components/

-ImageTest.vue

图像测试.vue

export default {

name: "ImageTest",

props:{

imagelink: String,

computed: {

// a computed getter

imglink: function () {

console.log(this.imagelink)

return (this.imagelink)

}

应用程序.vue

import ImageTest from './components/ImageTest.vue'

export default {

name: 'app',

components: {

ImageTest

}

输出:(静态文件不起作用,但是我可以从开发人员检查器工具中看到url被加载到src中)

vue导入静态js_如何在vue js中加载静态图像相关推荐

android 浏览器打开本地html文件,如何在Android浏览器中加载本地HTML文件
我试图在设备浏览器中加载本地html文件.我尝试过使用WebView,但它不适用于所有设备.如何在Android浏览器中加载本地HTML文件 //WebView method that didnt w ...
在Vue.js中加载字体的最佳做法
博客原文:https://blog.zhangbing.site/2021/04/07/best-practices-for-loading-fonts-in-vue/ 添加字体不应该对性能产生负面影 ...
Web前端笔记-js中加载图片文件（vue cli中同样适用）
这里主要是在vue cli项目中加载图片的时候会出现304,特别是使用自己写的js加载图片的时候,此博文记录了解决办法. 在js文件中引用文件 import img from '@/assets/im ...
js：js中加载js文件
这个问题,之前没怎么想过,因为现在大部分时间我们都在搞 react.vue + webpack 这种有模块化的,所以基本上用 es module 就可以. 一般最终形态都是 html 引入 scrip ...
java使用htmlunit工具抓取js中加载的数据
htmlunit 是一款开源的java 页面分析工具,读取页面后,可以有效的使用htmlunit分析页面上的内容.项目可以模拟浏览器运行,被誉为java浏览器的开源实现.这个没有界面的浏览器,运行速度 ...
js中加载指定的html代码,在js或JQuery中怎样判断页面html代码中含有指定名称的div元素...
在我们制作网页的过程中,想要在某个页面中的某一元素中添加新的内容,而不想改动那个页面,我们一般会直接在全局的jsz中直接加入document.getElementById("指定id&quo ...
Three.js中加载外部fbx格式的模型素材
index.html: index.js: scene.js:
如何在maven工程中加载oracle驱动
2019独角兽企业重金招聘Python工程师标准>>> 由于oracle商业版权问题,maven不能通过中心资源库直接下载jar包,如果想要使用jar包,需要手动处理. 第一步:将o ...
grasemonkey ajax页面,Greasemonkey 中使用 GM_xmlhttpRequest 如何在 https 页面中加载 http 资源？...
之前写过一个ff下的gm脚本,功能是在豆瓣读书页面加载图书馆的馆藏信息,但是随着豆瓣全站https,脚本失效,尝试更改,但是仍然无法使用,请大家看看这个问题改如何解决. 目前的代码段 // ==Use ...

vue导入静态js_如何在vue js中加载静态图像

vue导入静态js_如何在vue js中加载静态图像相关推荐

最新文章

热门文章