javascript - 如果是动态调用(v-bind:src)，则不打印图像

Question

<template>
  //...
  <img v-bind:id="tileImages[0][1]" class='tileImages_big' v-bind:src="tileImages[0][0]" >
  //...
</template>
<script>
  export default {
    data() { return{
      tileImages:[],
      //...
</script>

（不工作。图像不显示）

当图像在“src”中使用字符串加载时，通常会显示在屏幕上，但如果动态调用（v-bind：src），则不会打印图像。

下面的代码是我用'String src'打印图像时正常操作的结果。

<template>
  //...
  <img v-bind:id="tileImages[0][1]" class='tileImages_big' src="../upload/input_image/20200506044151_42517_10_small/000000.png" >
  //...
</template>
<script>
  export default {
    data() { return{
      tileImages:[],
      //...
</script>

（有用。）

上图是使用'v-bind:src'的结果。路线没有问题，但图像无法识别。

下面，我捕获了数据和图像结构以防万一。

问题是什么？

标签： javascriptvue.jssrcvue-cli