Question

问题是图像未显示在我的网页中。我正在从json文件读取图像路径。

我已经尝试从路由器视图中删除保持活动状态。但是那样就破坏了组件。

App.vue

<keep-alive>
    <router-view></router-view>
</keep-alive>

这是json文件的一部分： { “ id”：2 “ hasquestionText”：是的， “ text”：“这是一个比喻型问题”， “ hasquestionImage”：是的， “ imagepath”：“ s3.amazons.com/3/A/queimage.png”， “ hasoptionText”：是的， “ optionA”：null， “ optionB”：null， “ optionC”：null， “ optionD”：null， “ optionText”：“这是选项文本”， “ correctoption”：“ B”， “ hasoptionImage”：是的， “ optionimagepath”：“ s3.amazons.com/3/A/optionimage.png”， “ hasexplanationText”：是的， “ explaationtext”：“这是图形说明文本”， “ hasexplanationImage”：是的， “ explanationimagepath”：“ s3.amazons.com/3/A/explanationimage.png”， “ chapterId”：1 “ subchapterId”：1 “ questiontypeId”：2 “ questionlevelId”：2 }

这是我显示图像的方式：

<v-container grid-list-md text-xs-center v-show="hqi">
  <v-layout row wrap>
       <v-flex xs12>

         <img :src="'http://' + url1" />

       </v-flex>
    </v-layout>
 </v-container>

脚本是

data () {
    return {
        i: 0
    }   


created: function () {
   this.hqi = this.userData[this.i].hasquestionImage
   this.url1 = this.userData[this.i].imagepath
}

预期结果是将图像显示在我的网页中。但是实际结果是我得到

<img data-v-29b06b20="" src="http://null">

chrome开发者工具中的

。我收到此错误：

net :: ERR_NAME_NOT_RESOLVED

图片未显示在vuetify页面中

0 个答案: