Hi,
I am trying to show a window and menu.
The problem is the window is not showing, but I don’t know why.
Anyone can take a look?
Thank you.
<template>
<div>
<JqxMenu
ref="myMenu"
:width="'100%'"
:height="30"
:mode="mode"
:enableHover="enableHover"
:keyboardNavigation="true"
:popupZIndex="2000"
>
<ul>
<li ref="menuAbout">About</li>
</ul>
</JqxMenu>
<JqxWindow
ref="jqxWindowAbout"
:width="600"
:height="400"
:isModal="true"
:autoOpen="true"
>
<div>title</div>
<div>content</div>
</JqxWindow>
</div>
</template>
<script>
import JqxMenu from "jqwidgets-scripts/jqwidgets-vue/vue_jqxmenu.vue";
import JqxWindow from "jqwidgets-scripts/jqwidgets-vue/vue_jqxwindow.vue";
export default {
name: "Menu"
,components: {
JqxMenu
,jqxWindow
},
data() {
return {
mode: "horizontal"
,enableHover: false
}
}
,methods: {
init: function () {
}
}
}
</script>
