Browse Source

优化上传图片

master
ltlzx 4 years ago
parent
commit
5001c01833
  1. 13
      src/components/UploadImg.vue

13
src/components/UploadImg.vue

@ -16,8 +16,9 @@
</div> </div>
<div v-if="file"> <div v-if="file">
<p>{{file.name}}</p> <p>{{file.name}}</p>
<button class="btn upload-btn btn-sm btn-primary" @click="upload" v-if="!value">{{$t('common.upload')}}</button> <!-- <button class="btn upload-btn btn-sm btn-primary" @click="upload" v-if="!value">{{$t('common.upload')}}</button> -->
<button class="btn upload-btn btn-sm btn-danger" @click="del" v-else>{{$t('common.delete')}}</button> <!-- v-else -->
<button class="btn upload-btn btn-sm btn-danger" @click="del" >{{$t('common.delete')}}</button>
</div> </div>
</div> </div>
</template> </template>
@ -35,9 +36,15 @@ export default {
watch:{ watch:{
value(n){ value(n){
this.uploadImg = n this.uploadImg = n
},
file(v){
if(v && !this.value){
this.upload()
}
} }
}, },
created(){ created(){
}, },
methods: { methods: {
del() { del() {
@ -124,4 +131,4 @@ export default {
object-fit: cover; object-fit: cover;
} }
} }
</style> </style>

Loading…
Cancel
Save