Vue panel for popojs
npm install popo-vue-panel --saveThe following examples can also be used with CommonJS by replacing ES6-specific syntax with CommonJS equivalents.
import Vue from 'vue'
import Panel from 'popo-vue-panel'
new Vue({
components: {
Panel
}
})Add a script tag pointing to dist/popo-vue-panel.min.js after adding Vue.
<html>
<head>
...
</head>
<body>
<div id="app">
<popo-vue-panel title="title" target="panel-id">
<div slot="center"></div>
</popo-vue-panel>
</div>
<script src="path/to/vue.js"></script>
<script src="path/to/popo-vue-panel.min.js"></script>
<script>
new Vue({
el: '#app'
})
</script>
</body>
</html>| Props | Type | Values | Default |
|---|---|---|---|
| target | Number | String | panel id or panel map key |
| title | String | panel title | null |
| Props | Type | Values | Default |
|---|---|---|---|
| slot | String | head, center, left, right, foot | center |
popo-vue-panel is open source and released under the MIT License.
Copyright (c) 2017 DaShun.