viewer.toggleSidebar(false);//隐藏侧边栏

viewer.toggleToolbar(false);    //隐藏整个工具栏

<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 "@grapecity/activereports"

  export default {

    name: "App",

    components: {

      JSViewer: Viewer,

    },

    mounted:async function(){

      this.$refs.reportViewer.Viewer().toggleSidebar(false);     //隐藏侧边栏；

      this.$refs.reportViewer.Viewer().toggleToolbar(false);    //隐藏整个工具栏；   

      this.$refs.reportViewer.Viewer().open('Reports.rdlx-json');           

    },

  };

</script>

<style>

  #viewer{

    width: 100%;

    height: 100vh;

  }

</style>