52132b77b9fa6c6747d3985eaecd99da594b62c0.svn-base 562 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <a-card>
  3. <a-button @click="splitPane" type="primary" icon="desktop">点我分屏</a-button>
  4. <split-panel-modal ref="splitPanelModal"></split-panel-modal>
  5. </a-card>
  6. </template>
  7. <script>
  8. import SplitPanelModal from './modules/SplitPanelModal'
  9. export default {
  10. name: 'SplitPanel',
  11. components:{
  12. SplitPanelModal,
  13. },
  14. data() {
  15. return {
  16. description: '分屏',
  17. }
  18. },
  19. methods:{
  20. splitPane(){
  21. this.$refs.splitPanelModal.show();
  22. }
  23. }
  24. }
  25. </script>
  26. <style scoped>
  27. </style>