Newest 'vue.js' Questions - Stack Overflow

Questions tagged [vue.js]

Vue.js is an open-source, progressive Javascript framework for building user interfaces that aim to be incrementally adoptable. Vue.js is mainly used for front-end development and requires an intermediate level of HTML and CSS. Questions specific to version 2 of Vue.js should be tagged [vuejs2].

0
votes
0answers
10 views

It keeps saying I am missing a semi colon in my css when doing npm run production

I am using Laravel with Vue and currently I am using vue route lazy loading. All things runs fine when I compile with npm dev. However when I did npm production it says I have a CSS missed semicolon ...
0
votes
0answers
9 views

How can I set class for options in b-form-select?

I am going to change options styles (open center of drowpdown ) in b-form-select,How can i Access of options for changing my own style?? b-form-group .text-dark.mb-3-xs.font-weight-bold ...
0
votes
0answers
10 views

How to prevent TypeError on v-text-field enter key up

I have the following Vuetify form with single v-text-field and a button: <v-form v-model="valid" ref="form" @submit.prevent> <v-container> <v-layout> <v-...
0
votes
1answer
13 views

Vuetify - How to keep the first expansion panel open by default and if I open another panel, the others should be close?

Basically, the thing is I have 4 expansion panel and I want the first panel should be open or expanded by default and when I click on the second panel the first one should be close. In vuetify doc ...
3
votes
1answer
30 views

How can I restore proper function of the tab key and traverse all form inputs?

I'm building an interactive speed calculator and I want desktop browser users to be able to navigate and provide inputs using the keyboard alone if they wish. Codepen here: https://codepen.io/mannadu/...
0
votes
0answers
13 views

Is Javascript or vue.js UML tool exist?

The javascript or vue.js UML tool is required to create class diagrams, sequence diagrams. please give me answers
0
votes
0answers
10 views

Currency vue filtering laravel error : Use of undefined constant currency - assumed 'currency' (this will throw an Error in a future version of PHP)

Vue filter for show currency not working I want to show currencies with VueJS in my HTML code. and I got error : Use of undefined constant currency - assumed 'currency' (this will throw an ...
0
votes
0answers
11 views

Amazon Lambda + Apex Up + NuxtJS got message forbidden or Internal Server Error

I have up.json in my nuxtjs application as below: { "name": "alivedigital-nuxtjs", "profile": "alivedigital-lambda", "regions": ["ap-southeast-1"], "lambda": { "memory": 256, "runtime"...
0
votes
1answer
32 views

Can i locate my vue component relativly by v-for or just vue?

I want to render button's by v-for on relative position but I don't know how. I wish to make a page such as this, if the client check region, client's region data is updated. when the client check ...
0
votes
0answers
19 views

Code referencing a client side plugin var is breaking even inside Nuxt <no-ssr> tag

I have a nuxt/vue plugin whose basic function is to tell me the breakpoints or window widths dynamically. import Vue from 'vue'; const breakpoint = { install: (Vue, { breakpoints }) => { ...
3
votes
0answers
18 views

Error compiling Vue.js single-file component with scss block using custom webpack config

I'm encountering an error while trying to setup scss in a vue project using single-file components. I currently encounter this error when I try to use a <style lang="scss"> block, but otherwise ...
0
votes
1answer
24 views

vue.js: “:class” cause the classList is wrong

as cood like this '<div class="item" :class="{'editable':canEdit}"></div>'; set 'canEdit' to false -------the classes of 'div' are "item" '$("div").addClass("on")' ------the classes ...
0
votes
0answers
22 views

How to Update d3 force directed graph dynamically in Vue.js?

I have this VueJS code generating d3 force directed network node on mount using json call. I'm trying to update the network graph with new nodes and links using the same json call and after ...
0
votes
0answers
10 views

How can I make a transition-group element disappear on timeout?

I have a transition-group with elements being added on certain events, but I would like them to fade-out after 10 seconds. How can I achieve this? <transition-group name="list"> <...
0
votes
1answer
13 views

Why can't you add a Vue.js reactive property directly to root model?

Here is some code that uses $set() to add a new reactive prop to the model. It works fine. <template> <div id="app"> <div> Prop1: {{ x.prop1 }} </...
0
votes
1answer
20 views

Passing PHP variable to vue.js vue component

I am working on a wordpress site where I need to pass a php string variable to a .vue component so that one of the vue variable will reflect the value of the php varaible index.php <?php $foo = ...
0
votes
2answers
44 views

How to fix setTimeout/requestAnimationFrame accuracy

For demonstration of the issue please see here: https://gyazo.com/06e423d07afecfa2fbdb06a6da77f66a I'm getting a jumping behavior on un-pausing the notification. This is also influenced by how long ...
0
votes
2answers
11 views

How to convert ISO 8601 to USA Timezone [duplicate]

I have a DateTime that I get from an API that looks like this 2019-06-19T21:17:08.915Z I believe it is called ISO 8601 but it does not have a user-friendly appearance. I want display it as formatted ...
-1
votes
2answers
38 views

Why am I getting Cannot read property 'startsWith' of undefined in this for loop?

I am trying to sort an array by 'version' and then identify all string that begin with 'iPad'. The following code does not log anything and returns an error. orderedUsers: function () { let ...
0
votes
1answer
12 views

The better way to build a VueJs Website (Framework easily deployable)

Hey i search a powerful web framework with some specific features : VueJS support (single file / template) ServerSideRendering Easy deployment (with Now, Netlify, etc..) Powerful dynamic routes ...
0
votes
0answers
14 views

Vue-Router Guards return 404 instead of redirecting

So, i'm building a website which uses authentification with tokens. I use beforeEach() function from vue-router to check if token is valid. All was working fine until by mistake i deleted package.json....
1
vote
0answers
13 views

Confused about which Vuejs files to push to NPM for a library

I am on windows, using Vuejs trying to build my own library and push to NPM. These are my working environments: $ node -v v10.16.0 $ npm -v 6.9.0 $ vue -V 3.8.4 I followed cli.vuejs.org/guide/...
0
votes
0answers
8 views

vue component styles in shadow DOM and also in document head C possible?

I'm writing a vue component that is used within another application. It uses a package called vue-js-modal. If I run the following code in vue.config.js it properly puts all CSS inside the ...
0
votes
2answers
27 views

i try to mount a component in a component vue

i i try to mount a component in a component, this component its a partial, in especifict its a paginator, which i need to integrate, i use props in the paginate component. but i have a problem, in the ...
0
votes
0answers
7 views

Sequelize delete request with payload works with Postman but not with Vue Frontend implementation

I am trying to send PUT and DELETE requests with my express backend to a sqlite database. Put request works fine but DELETE request always fails. I already checked the headers within the network tab, ...
0
votes
3answers
27 views

style part of the text within a list object in Vuejs

I try many way to style part of the data object using computed, watch, and method property in vuejs. I still have no clue what can I do to make just the "healthy" word within the 'It is healthy!' ...
1
vote
2answers
40 views

Wait for some time before showing loading screen VueJS

In VueJS, I am showing the loader on each route as: router.beforeEach((to, from, next) => { store.commit('loading', true); next(); }) But if server loads the page in less than one second then ...
-1
votes
2answers
43 views

why am i getting 'i is not defined' error from a simple for loop in vue.js component script?

I'm trying to taking an array, order that array by version, and then moving all versions that begin with 'ipad' to the end of the list. snippet from single file vue.js component: computed: { ...
0
votes
0answers
9 views

Apexcharts xaxis formatting fails when using datetime type

I use vue-apexcharts to plot charts in a dashboard. I created a generic file that contains the base options for all charts (to uniformize styling and code reusability) and I extend/override this ...
0
votes
0answers
14 views

How to set vuetify autocomplete search for dynamic nested objects?

When I am adding nested objects dynamically then autocomplete can't set search-input.sync How should I set vuetify autocomplete search value for dynamic nested objects? I try to use vm.$set and ...
3
votes
1answer
30 views

How to remove a parents node and/or css styling depending on its children

I have a parent node that requires 'padding-bottom:15px' css styling. Some of the child elements are filtered from view which causes the parent node to remain in the DOM with a 'padding-bottom:15px' ...
-1
votes
0answers
11 views

Multiple inputs on a text field on pressing tab using html and pass as string

I need a text field that accepts multiple email id from the user. On the tab, the user must be able to enter a new email. I am working on vue.js. Please explain such that it is simple and has a ...
0
votes
2answers
19 views

How can I set default parameter value in Vue.js method function?

I am trying to set a default parameter value for a function in one of my component methods like: methods: { myFuntion: function(isAction = false) {} } But when debug the value of isAction I get ...
0
votes
1answer
12 views

Nuxt application returns 404 when dynamic routes are refreshed (Tomcat Server)

I'm doing the following: - Production Build: npm run generate - I copy the dist folder into the Tomcat Webapps, and it works fine - Whenever I refresh a dynamic route, it shows 404 URLs that work: ...
0
votes
1answer
10 views

Vue.js subcomponent not reacting under nested SVG

I have an SVG diagram in a Vue.js template with nested drawn circles symbolizing doors. When the doors are OPEN the stroke/fill color should be GREEN; & when CLOSED the stroke/fill color should be ...
0
votes
0answers
6 views

Vue-Virtual-Scroll in Buefy b-table

I have a big json data set (20,000 rows in 14 columns) which gets injected into the buefy table. I display 250 rows per page, with paging enabled on the b-table. There is validation involved with ...
0
votes
0answers
15 views

vuejs xmldata to json

this will be my first time loading xml data through, but I also want to convert it to json. I have set up my file and looked at some other tutorials on how to do this. I am using axios to make the ...
0
votes
0answers
9 views

Where to put variables to use vue-analytics to track user-ID in google analytics?

I have created a single page app using vue.js. I need to track my logged in users in google analytics. I can do this by sending a User-ID variable back to google analytics. I have done this before by ...
1
vote
0answers
18 views

How to dynamically pass FOR LOOP data to a Vue component through Django template?

I'm still new to Vue and I need to pass for loop data to a Vue component through Django template, but I don't know exactly how. In my html page I'm looping a vue component with Django, like this: {% ...
0
votes
0answers
12 views

How to the correct level of breadcrumbs with Ant Design Pro of Vue?

I tried to modify the routing configuration problem, but the breadcrumbs have two identical user lists, the error is displayed as ҳ / ϵͳ / ûб / ûб. For example, when the left menu clicks on the ...
0
votes
1answer
33 views

How to change button to disabled once it is clicked in Vue JS app

I wanted to know how do I change a button to disabled once it is clicked, but the data comes from an rest api, so I want to the button disabled only on that list item and not all buttons. I can't see ...
0
votes
1answer
18 views

Variabel is not defined inside methods VueJs

I've been defining an object inside VueJs method, and want to use that object for axios like this : data() { return { name : '', password: '', email: ''...
0
votes
1answer
16 views

Apollo client Graphql query variable type error

I am trying to execute delete query in which IDis required but I am getting an error. "Variable "$id" of required type "ID!" was not provided" Query export const DELETE_CUSTOMER = gql` ...
0
votes
0answers
6 views

how to add dynamic data using api-url data prop in Vuetable?

i'm wondering how i can get a dynamic data into my api-url Vuetable. I'm not sure how to do this correctly so any help would be great. <vuetable ref="vuetable" api-url="apiUrl" > ...
0
votes
1answer
16 views

How can I change the number of the row using show 10/25/50/100/All entries in Vue JS?

I want to change the number of the row depends on the options I select. For example, I choose 25 in my select I want to display all the rows on my table. This is the value I put on my select 10/25/50/...
-2
votes
1answer
27 views

How the data should be working with components? [on hold]

I'm working on Angular and Vue projects. I wounder how should I working with data on components? Say I have page (is a component) with two child components that show some data. for example: <...
0
votes
1answer
17 views

Vue pass directives to an element in a component

I'm trying to figure out how to pass a Vue directive to the a tag located in the second component. It can be any directive so I can't specifically import that one to the component. First component &...
1
vote
2answers
31 views

Provide enviroment variables for production vue build

I would like to achieve following: a Vue application is build with npm build, then the /dist result is copied to some environment in this enviroment I have some static setting file with name=value ...
0
votes
1answer
13 views

Adding active class :click

I am having trouble adding an active class when clicking a link. I have the dynamic class setup with a click listener that passes an argument to the function but the class does not update. I am not ...
0
votes
1answer
31 views

It's equivalent event emit angular/vue in blazor?

Is it equivalent of event emit like the underneath in blazor ? : https://angular.io/api/core/EventEmitter (in angular) https://vuejs.org/v2/guide/components-custom-events.html (in vue) in new blazor ...