vuetify
Version:
Vue.js 2 Semantic Component Framework
38 lines (37 loc) • 883 B
JavaScript
/**
* Select menu methods
*
* @mixin
*
* Menu based methods for
* the v-select component
*/
export default {
methods: {
activateInput: function activateInput() {
this.isActive = true;
this.isFocused = true;
},
deactivateInput: function deactivateInput() {
this.isFocused = false;
this.isActive = false;
this.selectedIndex = -1;
},
hideMenu: function hideMenu() {
this.menuIsActive = false;
},
showMenu: function showMenu() {
this.activateInput();
this.showMenuItems();
this.isMultiple && this.resetMenuIndex();
},
showMenuItems: function showMenuItems() {
this.menuIsActive = true;
},
toggleMenu: function toggleMenu() {
if (this.disabled || this.readonly || this.menuIsVisible) return this.hideMenu();
this.showMenu();
this.focusInput();
}
}
};