- 使用vant框架的轮播图组件时,直接引用本地图片会无法显示。解决办法是在数据外加上
require
eg:
>
export default {
data() {
return {
img:[
require("@/assets/images/5a2e2dba4a4c1bef4c4ee4e2f712449f.jpeg"),
require("@/assets/images/3767a25c2a5654b3cfa98e7368189177.jpeg"),
require("@/assets/images/0791d41f4404d380028b8f2c6d594967.jpeg"),
]
}
}
}
>
【#|(vant)使用vant轮播图无法使用本地图片】效果:
文章图片
推荐阅读
- 数据结构和算法|LeetCode 的正确使用方式
- #|7.分布式事务管理
- #|算法设计与分析(Java实现)——贪心算法(集合覆盖案例)
- #|算法设计与分析(Java实现)—— 动态规划 (0-1 背包问题)
- #|阿尔法点亮LED灯(一)汇编语言
- #|Multimedia
- #|ARM裸机开发(汇编LED灯实验(I.MX6UL芯片))
- 基础课|使用深度优先搜索(DFS)、广度优先搜索(BFS)、A* 搜索算法求解 (n^2 -1) 数码难题,耗时与内存占用(时空复杂度)对比(附((n^2 - 1) 数码问题控
- #|学习笔记 | Ch05 Pandas数据清洗 —— 缺失值、重复值、异常值
- win10|搏一搏 单车变摩托,是时候捣鼓一下家中的小米电视机啦。