vue element 单张图片上传,删除,预览

功能点: 点击‘查看图片’按钮,弹窗中会展示图片,第一次看到的图片是从父组件传过来的图片,点击删除按钮,调取删除接口删除图片,在重新上传图片,data中放入列表那一项的数据,上传成功,图片需要回显,此时图片上传成功方法中调取图片回显的接口,进行显示图片

 vue element 单张图片上传,删除,预览_第1张图片

vue element 单张图片上传,删除,预览_第2张图片




            
 





loading 在vuex配置
state:{
    LoadingoOptions:{ // loading配置
            lock: true,
            spinner: 'el-icon-loading',
            customClass: 'win-loading'
        },
}

你可能感兴趣的:(vue.js,elementui,javascript)