都试过了 不行,框架式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> |