开发者社区开发与运维文章正文

vue中在使用组件时使用本地图片出现的问题

2023-11-03 50

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： vue中在使用组件时使用本地图片出现的问题

使用本地图片路径时，组件内只是识别字符串，无法识别为路径，此时可以使用require()方法转换一下，但要注意的是，此方法可能与某些组件中的方法冲突，出现兼容问题

如出现兼容问题，也可以使用图床，把图片上传至图床，使用网站路径，或者项目接口有上传图片接口，也可使用

文章标签：

JavaScript

关键词：

VUE.js组件

图片VUE.js

vue图片VUE.js

组件图片VUE.js

子玉欸

CamilleKing

1天前

JavaScript 算法前端开发

vue学习（1）

CamilleKing

187 62 62

CamilleKing

1天前

JavaScript

vue学习（3）模板语法

CamilleKing

23 10 10

CamilleKing

1天前

存储 JavaScript 前端开发

vue学习（2）

CamilleKing

105 42 42

游客jdikkyhjxi3ts

1天前

JavaScript

vue键盘事件

vue学习（11）键盘事件

游客jdikkyhjxi3ts

14 7 7

小王老师呀

5天前

数据采集 JavaScript 搜索推荐

我们一起聊聊如何对Vue项目进行搜索引擎优化

【9月更文挑战第4天】Vue 项目的搜索引擎优化（SEO）较为复杂，因其内容默认由 JavaScript 渲染，部分搜索引擎难以索引。为提升 SEO 效果，可采用服务器端渲染（SSR）或预渲染，使用 Nuxt.js 或 Vue Server Renderer 实现 SSR，或利用 Prerender SPA Plugin 预渲染静态 HTML。此外，动态管理 Meta 标签、优化静态内容与 Sitemap、懒加载、图片优化、提升页面速度、设置正确的路由模式、使用结构化数据及构建良好外链均有益于 SEO。

小王老师呀

40 11 11

追逐时光者

4天前

JavaScript 前端开发搜索推荐

推荐5款免费、开箱即用的Vue后台管理系统模板

追逐时光者

24 1 1

无所不能的蛋蛋

6天前

缓存 JavaScript 前端开发

vue中使用keep-alive的问题

无所不能的蛋蛋

28 2 2

无所不能的蛋蛋

6天前

JavaScript

vue中使用@scroll不生效的问题

无所不能的蛋蛋

31 2 2

1313310884104708

13天前

JavaScript 开发者

[译] 监听第三方 Vue 组件的生命周期钩子

1313310884104708

25 0 0

1313310884104708

13天前

JavaScript 前端开发

[译] 复用 Vue 组件的 6 层手段

1313310884104708

27 0 0

vue中在使用组件时使用本地图片出现的问题

热门文章

最新文章

相关课程

相关电子书