Category "vuejs2"

Multiple forms with one submit() method by Vue

I have a few forms. Every of them have the same logic (validation, sending...) so, I want to create one method to control actions on my forms. For now my code i

Activate method on router link click in Vue

I am working on account removal on a Chrome extension and I have the following button: <button @click="remove" id="button_remove" class="btn btn-default" sty

Vue: mounted changed value not passed to component

This is my Vue main file: export default { name: 'app', components: { FormSelector, }, data () { return { headerInf

Watch height of an element in VueJS

Is there any way to set a watcher on the height of an element in VueJS? I am trying to fix the filters part on a search result page. but if the results change

[Vue warn]: Error in nextTick: "NotFoundError: Failed to execute 'insertBefore' on 'Node'

I'm receiving the following error messages in my Vue web app occasionally but when it does happen, it completely halts my app. Error msg 1: [Vue warn]: Err

Watch props change on vuejs

I want to use watch for a props on a child component, but it's not working. Here is my code : props: { searchStore: { type: Object } }, watch:

Vue.js computed boolean incorrect

I need a computed property for whether startDate is less than endDate. For some reason when I code it as below, the computed property always computes as false e

Styling an icon defined with prepend-icon in Vuetify

Normally to style an icon in Vuetify we'll do something like <v-icon large color="primary">comment</v-icon> How do we get the same effect while

interactjs drag stops after few events

I just had a heavy problems with a vue cli project with interactjs the latest version is installed "interactjs": "^ 1.10.3", I use in vue https://github.com/kim

Include external javascript file in a nuxt.js page

I have a relatively simple question. I am trying to implement the widget from this codepen in Nuxt.js. Here's my code, which works fine if I use RAW HTML: &l

vue-router, nginx and direct link

I'm trying to setup a vue-router on my nginx server. The issue I'm having is that my route doesn't work if I enter url directly to the browser myapp.com/mypath.

Vue.js 2 - Remove initial margin from body tag

My apologies if this is a stupid question, I'm still pretty new to Vue. I created a Vue (with the command vue init webpack <project-name>) project and sta

Vue.js: Getting data from the api and passing it to a child component (simple example)

I want to make an ajax request using axios package on the parent component and pass the returned array to a child component so that it can iterate the array an

Vue v-model.lazy modifier does not work. Why?

Here is my code: <!DOCTYPE html> <html> <head> <title>My first Vue app</title> <script src="https://unpkg.com/vue@2"&

Using a method with v-model in vue

I have a question about using vue's v-model with a method instead of computed. I know we can't exactly do that based on what I see here: How to bind a v-model w

How to use JSX in data, computed, methods in VueJS SFC

I'm setting up an app for study. From React, I've known how to use JSX and when I'm writting in VueJS, I don't know how to use it here. <template> &l

Check if a component has an event listener attached to it

Assuming there's some <Form> component. It can be called with a @cancel event listener attached to it and if it's the case, I want to show the cancel butt

how to work with v-select inside b-table?

I'm working with v-select elements inside a b-table but i've a problem when i put the "responsive" property in my b-table. It looks as if the v-select is contai

How to set a component non-reactive data in Vue 2?

I have a categories array, which is loaded once (in created hook) and then it is static all the time. I render these array values in a component template. <t

How to test quasar component with cypressjs?

I use quasar to build my webapp and I have question regarding testing components with CypressJS. I am using https://quasar.dev/vue-components/select#Example--Ge