找回密码
 立即注册

QQ登录

只需一步,快速开始

crawler
高级会员   /  发表于:2022-3-23 22:44:46
10#
都试过了 不行,框架式vue Tree和split都是iview的组件


demo:
<div style="width: 100%; height: 100%;">
  <Split v-model="horizontalvalue1">
    <div slot="left">
        <div>
         产品列表
        </div>
      <div style="height: 90%; width: 90%; padding-left: 18px;">
        <Tree data=[] >
                </Tree>
      </div>
    </div>
    <div slot="right" style="padding-left: 18px; height: 100%; width: 95%;">
      <div style="height: 30%; width: 100%;">
        <gc-spread-sheets
            :hostClass="hostClass1"
            @workbookInitialized="initWorkbookOne"
          >
          </gc-spread-sheets>
      </div>
     
      <div style="height: 25%; width: 100%;">
        <div style="height: 100%; width: 100%;">
          <gc-spread-sheets
            :hostClass="hostClass3"
            @workbookInitialized="initWorkbookThree"
          >
          </gc-spread-sheets>
        </div>
      </div>
    </div>
  </Split>
</div>

<script>
export default {
        methods: {
                initWorkbook: function (quotation_editing_spread_top) {
            //initializing
            quotation_editing_spread_top.options.tabStripPosition = GC.Spread.Sheets.TabStripPosition.top;
            quotation_editing_spread_top.options.tabEditable = false;
            quotation_editing_spread_top.options.newTabVisible = false;
          },
        }
}

</script>
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2022-3-24 12:13:19
11#
crawler 发表于 2022-3-23 22:44
都试过了 不行,框架式vue Tree和split都是iview的组件

这边根据你的描述未能复现该问题,为了更加有效解决此问题,请在附件的demo中进行复现并上传

init_three_excel.zip

168.71 KB, 下载次数: 240

回复 使用道具 举报
crawler
高级会员   /  发表于:2022-3-30 20:29:44
12#
忘了说明了,所有的页面都设置成组件,在tab里面引用的,你们可以也试试么,把这个demo案例弄成组件,然后这样子试试么
<TabPane label="价格报表" name="main_filesoutput" style="margin-top: -15px;" tab="main_tab">
      <filesoutput style="height: calc(100vh); width: calc(100%);">
      </filesoutput>
    </TabPane>
回复 使用道具 举报
12
您需要登录后才可以回帖 登录 | 立即注册
返回顶部