Vue集成报表系列教程6

工具栏添加按钮

ActiveReportsJS的工具栏提供API接口，可以根据实际业务场景进行工具栏按钮的移除或者添加，下面一起来给工具栏添加一个导出Excel的按钮

1、首先新建一个vue集成viewer的项目,项目名称"arjs-addbutton"

2、报表进行按钮添加的API实现代码

viewer.toolbar.addItem();

3、App.Vue中具体实现代码

<template> <div>      <JSViewer id="viewer" ref="reportViewer" style="height:800Px"></JSViewer> </div> </template> <script>   import { Viewer } from "@grapecity/activereports-vue";   import "@grapecity/activereports/styles/ar-js-ui.css";   import "@grapecity/activereports/styles/ar-js-viewer.css";   import { XlsxExport} from '@grapecity/activereports';   import { Core } from "@grapecity/activereports";   import "@grapecity/activereports"   export default {     name: "App",     components: {       JSViewer: Viewer,     },     mounted:async function(){