【ActiveReportsJS 5.0】【在线设计器无法拖动组件】
<template><div id="designer-host"></div>
</template>
<script lang="ts" setup>
import { onMounted, ref, getCurrentInstance, reactive, computed, unref, toRefs, h, watch, toRaw } from 'vue';
import { Designer as ReportDesigner } from '@grapecity/activereports/reportdesigner';
import '@grapecity/activereports-localization/dist/designer/zh-locale'; // 设计器汉化
import '@grapecity/activereports-localization'; //预览汉化
let resolveFunc = null;
let designer = null;
onMounted(() => {
designer = new ReportDesigner('#designer-host', { language: 'zh' });
});
</script>
<style lang="less">
@import '@grapecity/activereports/styles/ar-js-ui.css';
@import '@grapecity/activereports/styles/ar-js-viewer.css';
@import '@grapecity/activereports/styles/ar-js-designer.css';
#designer-host {
width: 100%;
height: 100%;
}
</style>
以上是设计页面的内容，打开后在线设计器已经出现，但是每个组件都无法拖动进行设计。
问题描述：
组件无法移动。
问题解决：
您好，您使用的是什么浏览器，我们建议使用最新版的谷歌或者edge浏览器，报表中有些新特性低版本的浏览器是不支持的，
还有您需要注意，需要谷歌官方浏览器，其他的衍生的也可能有问题：
如果浏览器没问题的话，您在浏览器控制台（F12）看一下，有没有什么报错，这种情况，肯定是有依赖文件没有正确加载，应该是有报错提示的。
本帖最后由 luckyzhiling 于 2024-9-14 16:18 编辑
Eden.Sun 发表于 2024-9-14 15:56
问题描述：
组件无法移动。
没有错误，用的官方谷歌的，用键盘的上下左右，可以移动
谷歌版本
您好，这个之前有人遇到过，确实是浏览器的问题，可以试一下，连续按三下 Esc。
或者重启电脑也可以解决。这种您会发现是浏览器所有地方都不能拖动了。
页:
[1]