小编miz*_*zar的帖子

vue找不到vuetify v-img元素的动态源

我需要使用 vuetify 动态加载图像(来自我的文件系统而不是 url)。但是,当我在 v-img 元素中绑定路径变量时,vue 找不到它。当我使用“必需”方法静态放置它时,就可以了。

如何使用 vuetify 选择动态路径?这是文件加载器的问题吗?

我希望在运行时动态选择图像。例如,如果我有“下一个”按钮,我想加载下一个图像。这是 Vue.js 中的代码

<html>   
   <v-img 
      v-bind:src="require(myPath)"
      aspect-ratio="1.5"
      max-height="500"
      contain
   />
</html>

<script>    
    data: () => ({
        mycount: 1,
        myPath: "../myimages/2.png"
    })
</script>
Run Code Online (Sandbox Code Playgroud)

[Vue 警告]:渲染错误:“错误:找不到模块‘../myiamges/2.png’”在 ---> 中找到 ---> at src/App.vue vue.runtime.esm.js:619 错误:“找不到模块 '../imyimages/2.png'" webpackEmptyContext 组件同步:2 渲染 Gamesheet.vue:30 VueJS 21 运行 es6.promise.js:75 通知 es6.promise.js:92 刷新 _microtask.js:18 vue .runtime.esm.js:1888

javascript vue.js vuetify.js

4
推荐指数
1
解决办法
7479
查看次数

标签 统计

javascript ×1

vue.js ×1

vuetify.js ×1