第二次以后点击弹窗按钮，弹窗的横向滚动条出现空白辨是怎么回事?

收藏

第二次以后点击弹窗按钮，弹窗的横向滚动条出现空白辨是怎么回事?如下截图：
横向滚动条空白.png

demo在附件中：
将demo下载本地后，先安装依赖npm install，然后 npm run serve 启动项目，
访问路径：http://localhost:8080/#/dialog
第二次以后单击弹窗按钮，横向滚动条区域出现空白
附件：

spreadjs-demo.zip (102.96 KB, 下载次数: 26)

Derrick.Jiao · Derrick.Jiao

本帖最后由 DerrickJiao 于 2020-12-8 16:51 编辑

您好，问题已复现，我们会做进一步调研，有进展第一时间在本帖更新，此贴改为保留处理。(SJS-6671)

经过调研，这是Element UI <el-dialog> 有关渲染的问题，对于SpreadJS来说也可能是一个限制，您可以使用以下代码确保工作簿的宿主能够被浏览器渲染

maxDialogVisibleFn() {
this.maxDialogVisible = true;
if (this.spread2) {
// Defer the callback to be executed after the next DOM update cycle, details: https://vuejs.org/v2/api/#Vue-nextTick
this.$nextTick(function() {
this.spread2.fromJSON( this.jsonStr, { includeBindingSource: true })
this.spread2.options.scrollbarMaxAlign = true;
});
}
}

复制代码

		自动登录	找回密码
密码			立即注册

[已处理] 第二次以后点击弹窗按钮，弹窗的横向滚动条出现空白辨是怎么回事?

1 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证