<el-upload
:file-list="fileListLeft"
list-type="picture-card"
:on-preview="leftHandlePictureCardPreview"
>
</el-upload>
<el-dialog :visible.sync="dialogVisibleLeft">
<img width="100%" :src="dialogImageUrlLeft" alt="">
</el-dialog>
<script>
export default {
data(){
return{
//控制图片el-dialog弹框组件显示
dialogVisibleLeft:false,
//抽查人员照片图片地址
dialogImageUrlLeft:'',
//图片文件
fileListLeft:[{url:'http://10.10.80.93:9000/zlmy/手机拍照_1658816581552.jpg'}],
}
},
methods:{
//图片 预览框
leftHandlePictureCardPreview(file) {
this.dialogImageUrlLeft = file.url;
this.dialogVisibleLeft = true;
},
}
}
</script>
<style scoped lang='scss'>
// 隐藏上传的按钮
/deep/.el-upload{
display: none;
}
// 隐藏图片预览的删除按钮
/deep/.el-icon-delete{
display: none;
}
</style>
element的el-upload只显示图片放大
最新推荐文章于 2024-09-03 09:11:13 发布