Vue.js

fixing z-index for v-menu and v-list: how to make a menu overlap your content in vuetify

I have the following menu setup, and I think you can see the problem immediately:As you can possibly see, I have a v-app-bar which contains the menu, and a main content area.The v-menu is being overlapped by the v-card in the content of the page. Trying to set the z-index property on v-menu did not [...]

By | März 8th, 2020|Tips & tricks, Vue.js|Kommentare deaktiviert für fixing z-index for v-menu and v-list: how to make a menu overlap your content in vuetify

Fixing Uncaught ReferenceError: Vue is not defined with webpack

I am moving to a workflow using WebPack, which bundles code. While transitioning, I stumbled across this error:Uncaught ReferenceError: Vue is not definedat eval (external "Vue"?548a:1)at Object.<anonymous> (pcp_mainbundle.js:172)at __webpack_require__ (pcp_mainbundle.js:20)at eval (pcpVue.js?6cb8:1)at Object.<anonymous> (pcp_mainbundle.js:196)at __webpack_require__ (pcp_mainbundle.js:20)at eval (pcpMain.js?814e:1)at Object.<anonymous> (pcp_mainbundle.js:189)at __webpack_require__ (pcp_mainbundle.js:20)at Object.<anonymous> (pcp_mainbundle.js:181)10000000111a2334:47 Uncaught TypeError: window.pcpRun is not a functionat 10000000111a2334:47I ensured that the [...]

By | Februar 27th, 2020|Vue.js|Kommentare deaktiviert für Fixing Uncaught ReferenceError: Vue is not defined with webpack

vue.js history vs hash mode on a subpath

In case you are mounting your vue Router not on the root page, but a “subpath”, there is an important difference in the behavior of Vue Router in history and hash mode.History modeIf you want, for example, to use https://picockpit.local/debug/ to have the Vue Router live on, in history mode:The following routes{ path: '/', component: [...]

By | Februar 24th, 2020|Vue.js|Kommentare deaktiviert für vue.js history vs hash mode on a subpath

Paho failure to subscribe

ProblemAMQJS0005E Internal error. Error Message: Cannot read property 'show' of undefinedThis error is shown sporadically, especially when you Shift-Reload the whole page. SolutionI have a Vue.js Plugin to show “toast” messages (Vue.toasted). I currently use it for debugging purposes. Everything worked fine initially, as my code was executed after Vue was initialized and the whole [...]

By | August 8th, 2019|Development, Vue.js|Kommentare deaktiviert für Paho failure to subscribe

Getting POST requests to work with Axios, Kemal (crystal lang), vue.js

In picockpit.com, I am using AJAX requests to communicate with the backend for update operations. For instance,if you want to change the name of this Pi, you would select:which shows an inline form:how to show this inline form with vue.js is besides the point of this post (even though very interesting!)Clicking on Cancel will cancel [...]

By | August 6th, 2019|Crystal Language, Vue.js|Kommentare deaktiviert für Getting POST requests to work with Axios, Kemal (crystal lang), vue.js