vue动态更新数据,vue如何更新视图

vue动态更新数据,vue如何更新视图,vue实现修改图片后实时更新

今天小编就为大家分享一篇某视频剪辑软件实现修改图片后实时更新,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

1、vue图片上传,使用element UI 上传组件自己写

埃尔-上传

action=string

:http-request=uploadImg

:show-file-list=false

El-button v-perm= b:img:upload size= small type= primary 点击上传/el-button

/El-上传

div class=imgStyle mar_top10

img width= 100% :src= dialogImageUrl alt=

/div

2、上传图片,并实时更新修改过后的图片

方法:{

上传(项目){

var是flag=(item。文件。type== image/JPEG | | item。文件。type== image/png )?真:假;

如果(!isFlag){

这个消息({

类型:警告,

消息: 上传图片只能是JPG,巴布亚新几内亚格式!

})

返回错误的

}

let formData=new formData();

formData.append(file ,item。文件);//若查看可使用formData.get(file )

api.updateShareBack(formData).然后(res={

var res=res.data

if(res.code==200){

这个消息({

类型:"成功",

消息: 上传成功

})

this.dialogImageUrl=res.data ?新日期()。getTime();//新日期()。getTime()使用时间戳更换每次的修改的图片

}

})

}

}

以上这篇某视频剪辑软件实现修改图片后实时更新就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

vue动态更新数据,vue如何更新视图