1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| <template>
| <li class="nav-item mega-dropdown">
| <slot></slot>
| </li>
| </template>
|
| <script>
| const MegaDropdownPlugin = require('./mega-dropdown.js').MegaDropdown
|
| export default {
| name: 'mega-dropdown',
| props: ['trigger'],
| mounted () {
| this.megaDropdown = new MegaDropdownPlugin(
| this.$el.querySelector('.dropdown-toggle'),
| { trigger: this.trigger || 'click' }
| )
| },
| beforeDestroy () {
| if (this.megaDropdown) this.megaDropdown.destroy()
| this.megaDropdown = null
| }
| }
| </script>
|
|