android开发实战 开源商城系统 WebService CANopen 矿工文档 ISP image vue开发 easyui视频 css最后一个子元素 华为路由器ipv6配置 solidworks图库 新手学c还是java oracle给表增加字段 安装python python迭代器 python中assert python正则表达式例子 java中的tostring java时间格式化 linux用户管理 ip隐藏 xp画图工具 rewritebase subprocess 战地2单机地图 修改tomcat端口 微信超级好友 big5 idea导出jar包 还原软件哪个好 cdlinux教程 b450 影音先锋下载速度慢 向日葵9 cad圆变成多边形 内存条是什么 dw网页设计教程 杨辉三角python ps白色背景变透明
当前位置: 首页 > 学习教程  > 编程语言

gojs+Vue 解决 go.Picture 图片不显示

2020/7/24 10:19:39 文章标签:

明明方法、图片路径(写在CSS里的图片可以显示)都正确,如下:

$(go.Picture,{
	source: "../assets/img/pic01.png",
	margin: 0,
	width: 50,
	height: 30,
	background: "#006191",
	},
	new go.Binding("source"),
	new go.Binding("width"),
	new go.Binding("height")
),

图片就是不显示,各种格式(png、jpg、svg等等)的图片都不行,查了很多资料依然无解,最后尝试
将图片用 import 方法引入

//图片路径引入
import pic01 from '../assets/img/pic01.png';

直接赋给source

$(go.Picture,{
	source: pic01,
	margin: 0,
	width: 50,
	height: 30,
	background: "#006191",
	},
	new go.Binding("source"),
	new go.Binding("width"),
	new go.Binding("height")
),

以上。

目前只是找到了这种解决办法,但不适用于数量较多的图片文件
也还没了解到具体原因,不知道是不是在vue中只能这样使用(应该不是吧)
有见解的小伙伴可以来普及一下呀~


本文链接: http://www.dtmao.cc/news_show_50234.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?