I'm developing an application with separate Laravel 10 and Vue 3. I wanted to implement real time events with Laravel broadcasting but I'm running into some problems. I connect to the websockets from the frontend, but I get nothing and…
Say I have a method that changes a value based on what the current value is. I will just make it very simple here: changeValue(){ if(!this.value){ this.value = 'value1' } else if(this.value === 'value1'){ this.value = 'value2' } else if(this.value…
i am creating a simple stepper component in vue. I have been able to achieve desired fucntionality but the alignment goes to left even after applying justify-content: center below is my code https://codesandbox.io/s/awesome-sky-pj9p5x <template> <div class="flex justify-center full-width" style="border: 1px">…
I am using Vue2 and vue router 3x. How can I execute a store action whenever a specific child route is hit regardless if it is hit through a button press or the browser back/forward buttons? I need to fire…
I make an nginx ingress for my front-end in vuejs. apiVersion: networking.k8s.io/v1 kind: Ingress metadata: name: vuejs-ingress namespace: default annotations: cert-manager.io/cluster-issuer: letsencrypt-prod nginx.ingress.kubernetes.io/from-to-www-redirect: "true" nginx.ingress.kubernetes.io/rewrite-target: /$1 spec: ingressClassName: nginx rules: - host: example.com http: paths: - path: /(.*) pathType: Prefix…
I hate two pages in a Vue application. One is working great, the other is throwing up this error: One page loads a collection of wordpress posts (Blog.vue), the other displays an individual post. Both are using the same approach,…
I'm trying to show the card info of South Africa as default value (before typing any country's name into the search bar input field or chosing a specific country out of a given list) and the according country info details…
I am using Laravel and Vue3 with axios to handle user inputs and save data to database. If there is a validation error then I want to display a toast error to user. For some reason the response from axios…
I have a jsonArray with two embedded arrays with objects. I'm attempting to count "duty" parentId based on teams "value" as there is a one to one match. For example: Team A value 500 will have Meetings and Lunch duties…
Using Vue3 I have the following object $products [{ "id": 1, "item": "Product 1", "productcategories": [{ "id": 300, "title": "Category300" }, { "id": 301, "title": "Category301" }], }, { "id": 2, "item": "Product 2", "productcategories": [{ "id": 200, "title": "Category200"…