本章主要介绍了如果在 Vue框架中集成 ActiveReportsJS 报表设计器,可以通过 在 Vue 框架中集成纯前端报表设计器中了解基本步骤
ActiveReportsJS Vue NPM 包我们发布了ActiveReportsJS Vue 报表设计器所需的资源包通过 @grapecity/activereports-vue npm 包。@grapecity/activereports 主包,包含了基础的核心功能,如果您使用 Vue 2.0 使用ActiveReportsJS 的话需要安装 @vue/composition-api 包。
ActiveReportsJS Vue 设计器组件ActiveReportsJS Vue 设计器组件需要从 @grapecity/activereports-vue 包导入,并包含到父组件模板中,如:
import Vue from "vue";import { Designer } from "@grapecity/activereports-vue";new Vue({ el: "#app", components: { "arjs-designer": Designer }, template: "",});设计器组件包含以下属性:
属性
类型
描述
hotkeysEnabled
boolean
表示是否开启使用快捷键
language
string
设置设计器语言。可查看 本地化 页面获取