RightMenu-DEMO
Properties
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
| modelValue | boolean | No | false | See the RightMenu modelValue option. |
| rightMenuWidth | number | No | 200 | See the RightMenu rightMenuWidth option. |
| background | string | No | '' | See the RightMenu background option. |
| fullExpandAnimation | boolean | No | false | See the RightMenu fullExpandAnimation option. |
| theme | string | No | 'global' | Theme style. Supports global, light, dark, system, and custom. |
| disabled | boolean | No | false | See the RightMenu disabled option. |
| lang | string | No | "global" | See the RightMenu lang option. |
Events
| Event | Arguments | Description |
|---|---|---|
| update-height | Number | See the component update-height option. |
Slots
- Default
vue
<fv-RightMenu>
<span>Item1</span>
<hr>
<span>Item2</span>
</fv-RightMenu>1
2
3
4
5
2
3
4
5
Appendix
javascript
Click($event, el) {
$event.stopPropagation();
this.$refs.r1.rightClick($event, el);
},
rightClick($event, el) {
$event.preventDefault();
this.$refs.r1.rightClick($event, el);
}1
2
3
4
5
6
7
8
2
3
4
5
6
7
8