相关疑难解决方法(0)

Vue.js动态图像不起作用

我有一个案例,在我Vue.jswebpack网络应用程序中,我需要显示动态图像.我想显示img图像的文件名存储在变量中的哪个位置.该变量是一个computed返回Vuex存储变量的属性,该变量正在异步填充beforeMount.

<div class="col-lg-2" v-for="pic in pics">
   <img v-bind:src="'../assets/' + pic + '.png'" v-bind:alt="pic">
</div>
Run Code Online (Sandbox Code Playgroud)

然而,当我这样做时它完美地工作:

<img src="../assets/dog.png" alt="dog">
Run Code Online (Sandbox Code Playgroud)

我的情况类似于这个小提琴,但这里它适用于img URL,但在我的实际文件路径中,它不起作用.

什么应该是正确的方法呢?

html javascript vue.js vuejs2

52
推荐指数
12
解决办法
5万
查看次数

标签 统计

html ×1

javascript ×1

vue.js ×1

vuejs2 ×1