解决el-image点击回显问题

简介: 解决el-image点击回显问题


你看 点击会有一个这个画面崩掉的问题 这个时候用到一个东西就可以解决了

<el-image style="width: 100px; height: 80px; border-radius:10px;cursor: pointer;"
              :zoom-rate="1.2"
              :max-scale="7"
              :min-scale="0.2"
              :preview-src-list="[(scope.row.banner).indexOf('http://') > -1 ? scope.row.banner : 'http://zts.coldmoon.work' + scope.row.banner]"
              :initial-index="4"
              fit="cover"
                            preview-teleported ='true'
                            :src="(scope.row.banner).indexOf('http://') > -1 ? scope.row.banner : 'http://zts.coldmoon.work' + scope.row.banner">
                        </el-image>


添加这个属性  preview-teleported ='true'

相关文章
|
6月前
|
API
uni-app点击按钮显示 loading 提示框-uni.showLoading(OBJECT)
uni-app点击按钮显示 loading 提示框-uni.showLoading(OBJECT)
147 0
element中使用走马灯效果el-carousel点击按钮切换第几页demo效果示例(整理)
element中使用走马灯效果el-carousel点击按钮切换第几页demo效果示例(整理)
|
11月前
|
前端开发 JavaScript
使用Element-UI中的el-upload实现文件的上传demo(亲测有用)
使用Element-UI中的el-upload实现文件的上传demo(亲测有用)
element中el-radio-group 单选回显(整理)
element中el-radio-group 单选回显(整理)
|
6天前
element el-upload上传图片完成后隐藏上传
element el-upload上传图片完成后隐藏上传
|
9月前
el-upload图片上传,删除
el-upload是ElementUI中的一个组件,可以用来实现图片上传功能。下面是一个基本的el-upload的示例代码:
174 0
element中el-radio无法切换点击和input框无法输入的问题(整理)
element中el-radio无法切换点击和input框无法输入的问题(整理)
|
10月前
解决el-image在el-dialog内预览展示不全
解决el-image在el-dialog内预览展示不全
328 0
|
10月前
解决el-image中预览图片功能顺序问题
解决el-image中预览图片功能顺序问题
165 0
|
Linux
解决办法:gtk_image_menu_item_set_image()菜单图标无法显示
解决办法:gtk_image_menu_item_set_image()菜单图标无法显示
49 0