1子組件

成功

ChangeRest(event, file){/* console.log(event)console.log(file)*//* console.log(URL.createObjectURL(file.raw))*/this.imageUrl = URL.createObjectURL(file.raw);/* this.imageUrl=event.tmp_urlconsole.log(this.imageUrl)*/console.log(1)this.eventSave=eventconsole.log(this.eventSave)this.$emit("ChangeLest",this.eventSave)},

2父組件

changeRest1(val){console.log(2)console.log(val)this.preview=val.tmp_urlconsole.log(this.preview)this.form.thumbnail=val.relativepath+val.name}

3預覽效果

通過兩個不同的值實現(xiàn)預覽 下面做個預覽 庫里面加個字段即可

總結(jié)

以上是生活随笔為你收集整理的工作203:实现预览效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。