无法使用vuejs和cloudshell显示图像

时间:2020-01-27 11:58:12

标签: image vue.js google-cloud-platform nuxt.js google-cloud-shell

          <template slot="items"  slot-scope="props">
              <tr>
                  <td><img src='/situation/static/my-images/Teste.png'                                    
                     style = "widht: 251px; height: 209px" ></td>
                  <td>{{props.item.name}}</td>
                  <td class="text-xs-center">{{ props.item.desc }}</td>
                  <td class="text-xs-center">{{ props.item.cam }}</td>
                  <td class="text-xs-center">{{ props.item.rating }}</td>
                  <td class="text-xs-center">{{ props.item.price }}</td>
              </tr>
          </template>

当我尝试运行以上代码时,该映像未出现在localhost:3000中。当我在应有的位置使用检查元素时,它表明已引用了正确的位置,但未显示任何内容。该怎么办?

1 个答案:

答案 0 :(得分:0)

您没有关闭图片标签。尝试按以下方式关闭图片标签:

<td><img src="/situation/static/my-images/Teste.png" style="width:251px;height:209px;"/></td>