Tag vuejs watcher

Condition for request does not work Vuejs

The condition works in a strange way. need request "A" if true, and request "B" if false. <input type='checkbox' :value='category.title' v-model='checkedCategories' @change='...

How to update page title and meta data in vuejs2?

I am a beginner in vuejs and I try to update the page title and meta content when the route changes with the help of the following tutorial. updating the page title and meta content But when I add the ...

Axios send request without array [closed]

<input type='checkbox' :value='category.id' v-model='checkedCategories' @change='changeEvent' @click='filteredCategories(category.id)'> js data checkedCategories: [] axios: axios.get('/',...

Multiple instances of Vuex store

I have to following situation with vue2/vuex; Let's say I have a users module where I store all users I fetched from my api. I use this module to populate, for example, dropdown lists containing all ...

How can I clone data from Vuex state to local data?

How can I clone data from vuex state to local data attribute? State this.tsStore.shemes Data Attribute data () { return { shemes: [] } } I've tried do this in updated () this.shemes = this.tsStore....

Eslint state already declared [Vuex]

I am running ESLint and I am currently running into the following ESLint error: error 'state' is already declared in the upper scope no-shadow const state = { date: '', show: false }; ...

Vuetify : Navbar open specific links in new tabs

I have a navbar component that looked sth like this. There are 2 menu options that I need to open in a new tab. <template> <nav> <v-app-bar text app color="blue"&...

Cannot read property 'register' of undefined service worker Nuxt JS

I'm trying to implement a custom built service worker into my Nuxt JS site. I'm getting an error after generating the site as follows: Cannot read property 'register' of undefined function Notify (...

Vue 2 global mixin not working only in App.vue

I have a Global mixin that works everywhere except in the App.vue.This mixin is supposed to load a Yaml config file and make it available everywhere. So the question is ¿why it doesn't work only in ...

How can I filter a nested javascript object and return the parent?

I'm trying to filter a nested object into two parts, then return the parent (and siblings) object back if there are any matching siblings to return. I've been looking at this SO thread as reference. I ...

Why are my navigation circles on carousel not updating when clicked?

I am building my own carousel from scratch and everything works perfectly fine except for when you click the navigation circles. If you have the interval/infinite loop prop, the circles update to the ...

How to prevent v-main to shift when v-navigation-drawer is opened ? (Vuetify, Vue.js 2, Nuxt, Typescript)

I'm building an app with a v-app component at the root, using a v-navigation-drawer and I'd like to add a "Chat" page, where I'd also like to use v-navigation-drawer. Problem is components ...

VueJS close Hamburger Menu on Route Change

I have a simple VueJS App with a Navigation Bar from Bootstrap: <template> <header id="header"> <nav class="navbar mynavbar navbar-fixed-top"> <div class="container"&...

Videos not rendering in a VueJS carousel. How to properly use the video/iframe tag in Vuejs template?

I've been trying to create my own reusable carousel in vuejs and have had a few little speedbumps along the way. Right now I am trying to render not only images, but videos as well, but I have not ...

Vuetify : How to configure VueRouter to open link on a new tab?

I have a navbar with a menu that users can click on. Some links will need to open up a new tab. This is what I have and I couldn't get it to work. <template> <nav> <v-app-...

Importing javascript file for use within vue component

I am working on a project that requires using a js plugin. Now that we're using vue and we have a component to handle the plugin based logic, I need to import the js plugin file within the vue ...

DevServer keeps shutting down before starting

Whenever I run npx cypress open-ct my dev-server fails to start. [@cypress/webpack-dev-server]: removing HtmlWebpackPlugin from configuration. [@cypress/webpack-dev-server]: removing HtmlPwaPlugin ...

VUE : Vuelidate between. Using max value from store value?

I'm using VUE and Vuelidate for validating form input. In this case.. It's a modal popup which gets data through ...mapGetters from the store. If i set static values like this, it works : ...

How do I make a transition for both adding and changing data displayed within a transition-group list

Picture a classic CRUD app with a table of data where you can add a row or update a singular row, where either adding a row or updating a row will highlight the background of the new row or the edited ...

Vuetify - Can't drag and drop all-day events in monthly view

With vuetify and its v-calendar only not-daily events can be dragged when you are in week and day view (in monthly view not work at all). I would like to move daily events (during entire day, not from ...

Dynamic content to v-expansion-panel-content

I would like to load data each time I click on header, then show the data (when it is loaded) into the v-expansion-panel-content. It's not always working. If user open the accordion before data is ...

Vuetify tooltip with custom table. Good way to pass props to grandchildren?

I'm building custom library with table from vuetify. I want to make it as adjustable as possible so it requires to pass many props. I also want to add tooltips that will only show when cell length is ...

CORS blocking client request in Nuxt.js

I am having issues when making a client request. I have followed the documentation on Nuxt.js and Axios but I still can't seem to get it working. Maybe I am missing something.. My Vue component ...

True / false in input (vuejs), probably without v-model

I have an array with many checkbox. <li v-for='item in resultQuery' :key='item.id'> <label class='custom-checkbox'> <input type='checkbox' :value='item.id' v-...

12345678910 Last