vue 怎么判断图片是否存在 存在就显示图片 不存在就显示暂无

Question

<el-table-column label="营业执照">
        <template slot-scope="scope">
            <img :src="getFileUrl()+'/consulting-file/file/getFile?fileId=' + scope.row.fileUploads[0].fileSaveUrl"  class="el-banner"/>
        </template>
      </el-table-column>

      <el-table-column label="经典案例">
        <template slot-scope="scope">
        <a :href="getFileUrl()+'/consulting-file/file/getFile?fileId=' + scope.row.fileUploads[1].fileSaveUrl">
              {{scope.row.fileUploads[1].fileName}}
          </a>
        </template>
      </el-table-column>

Answer 1

在data里面申明一个变量，之后将src获取的数据赋值给这个变量

                    <template slot-scope="scope" v-if='src != ""'>
            <img :src="src"  class="el-banner"/>
        </template>


                data () {
                    return: {
                        src: ''
                    }
                },

                mounted () {
                    this.src = getFileUrl()+'/consulting-file/file/getFile?fileId=' + scope.row.fileUploads[0].fileSaveUrl;
                }