Vuetify - 取消上传后删除预览图

Question

我在取消后尝试删除图像预览，但在网上找不到答案

插入图片

取消后

vue.js

   <v-avatar
      size="95">
      <v-img :src="url" />
    </v-avatar>
  </v-flex>
  <v-flex xs8>
    <v-file-input
      v-model="image"
      accept=".png, .jpeg, .jpg"
      :rules="imagesize"
      hint="File extentions (.png, .jpg, .jpeg) File Size limits (max: 10mb)"
      placeholder="Upload profile image"
      prepend-icon="mdi-camera"
      outlined
      filled
      @change="Preview_image"/>
  </v-flex>

方法

Preview_image() {
  this.url = URL.createObjectURL(this.image);
},

Answer 1

在v-file-input 组件的@click:clear 处理程序中重置url 属性：

 <v-file-input
   ...
 @click:clear="url=''"

LIVE DEMO