[VUE + TYPESCRIPT] vue splitpanes

 

VUE.JS 목록

$ npm install splitpanes@legacy
$ npm install @types/splitpanes

<template>
  <div>
    <splitpanes class="default-theme" horizontal style="height: 400px">
      <pane min-size="20" max-size="70">
        <div>11</div>
      </pane>
      <pane>
        <div>22</div>
      </pane>
    </splitpanes>
  </div>
</template>

<script lang="ts">
import { Splitpanes, Pane } from 'splitpanes'
import 'splitpanes/dist/splitpanes.css'

@Component({
  components: {
    Splitpanes, Pane
  }
})
export default class Component
</script>

 

https://antoniandre.github.io/splitpanes/

 

VUE.JS 목록