I have a sidebar component that works similar to a modal. When a button is clicked, the sidebar translates into the viewport with nav links. These nav links are actually router-links that are wired up to a vue-router. What I’m trying to accomplish When I click on a router-link that is inside my sidebar component, I want the sidebar to
Tag: vue.js
ionic – `slot` attributes are deprecated – eslint-plugin-vue
I am getting following error in VS Code: I have these two plugin installed in .eslintrc.js And this in rules: What should be done in order to avoid this issue? Answer This slot actually refers to webcomponent slots; https://github.com/ionic-team/ionic-framework/issues/22236 The slots Ionic Framework uses are not the same as Vue 2 slots. The slots we use are Web Component slots
Go to next input field at maxLength?
I have a form in Vue that has some combined inputs for styling reasons for a phone number input. My problem is that the user has to hit tab in order to go to the next input field of the phone number. Is there a way to check for the max length of the current and input and when that
how to get data use fetch API correctly in vue js?
I’m trying to fetch data from the backend using the GET method, but I always fail to get the data. I get the following error: CORS header ‘Access-Control-Allow-Origin’ missing. I don’t know how it happens because I tried to use POST method to my backend it worked. Here’s a capture of my browser tools When I use fetch to get
How to use v-tooltip with v-file-input tag in Vuetify 2.0?
I want to use v-tooltip, when I input the file through v-file-input and mouse over the file name, file name will be showed popup like as v-tool-tip. So I tried to make code the following. I ran this code and input file, file input was success and tooltip displayed but never disappear. So, I thought using event handler in JS
How can I use multiple b-form-radio-group avoiding visual interference among them?
I’m new using Vue and specifically Bootstrap Vue and I’m trying to build a form with multiple radio groups. My problem is that when I change the value in one of them the others don’t change their values (this was checked with Vue DevTools) but visually it looks like none of the values are selected I don’t know what is
Is it okay to use watch to keep track of store changes after initial mount?
Say I have a component that is loaded with data from an initial API call inside mounted(). Any further changes to a state variable will not be reflected in the component since the first API call is inside mounted. Can we use watcher to deal with this? For Example, Is there a better way of doing this if not the
What is the best way to reference an item in Vue?
My goal is to get the item that was clicked and based on that do some action. I have a few items that share the same event (click) but have different functionality. I want to unite them under one function and based on some attribute refer to the clicked item. So far I’ve been doing this using classes, for instance
How to properly browse an image with Vue-Form-Generator ? (cause it doesnt work for me)
I am a new full-stack developer student and I want to use Vue-Form-Generator to generate a form with input fields and I want to browse an image. All of my fields works except the image browse one. It doesn’t displays on my page. I tried a lot of things, but my last hope is someone who could know it. My
nuxtjs – setting background-url to image from assets doesn’t work
after lots of research I haven’t found a solution which explains why this is happening. When trying to set the background-image in my div dynamically it doesn’t work and I am getting an 404 error. http://localhost:3000/~assets/images/postPreview.jpg 404 (Not Found) I am passing it like this (thumbnail): ~assets/images/postPreview.jpg and get the above error. If i pass it like this then it