How are we doing? Please help us improve Stack Overflow. Take our short survey

Questions tagged [vue.js]

Vue.js is an open-source, progressive JavaScript framework for building user interfaces that aims to be incrementally adoptable. Vue.js is mainly used for front-end development and requires an intermediate level of HTML and CSS. Vue.js questions are highly version specific and should always be tagged with [vuejs2] or [vuejs3] in addition to this tag.

Filter by
Sorted by
Tagged with
0
votes
1answer
13 views

Vue.js deep watching of computed property using other computed property objects

I am aware of deep watching of properties using the handler in the "watch" section, but I am not seeing how to make vue deep watch in a getter/setter computed property. Essentially I have ...
0
votes
1answer
12 views

Vue Does not change array data from expansion panel and activate loader

i have problem with vue. when i click get deposit address i activate function: getAddress(i){ loader[i] = true; ...some other operations } this is how it should look: I click the "get address&...
0
votes
1answer
9 views

In vue.js moment.format() returning incorrect hours

The below code in returning 5 hours ago, when i just create a record formatDate(date) { return moment(date).fromNow(); },
1
vote
0answers
11 views

vue/singleline-html-element-content-newline for text node

I use "eslint-plugin-vue" I would like to use the rule "vue/singleline-html-element-content-newline" in my projects but it works inconvenient for me All the more because this rule ...
0
votes
3answers
28 views

How to select an option on Vue

<template> <select class="form-control mt-1" @change="selectUser"> <option >select user</option> <option v-for="(user, index) in users" :...
0
votes
0answers
12 views

Nuxt.js loginWith Auth0 delayed redirect

I have the following setup with Auth0 & Nuxt.js. Somehow after loginWith, the page still continues to render for a brief moment before redirecting to Auth0's login page. The promise returned from ...
0
votes
1answer
19 views

How to turn vue font awesome icon into a javascript prop?

i'm trying to turn: <font-awesome-icon :icon="['fas', 'home']" /> into a Javascript prop. I have a navigation menu i'm building and each nav item has a different icon. I've read both ...
0
votes
1answer
34 views

Toast is undentified

I've got the information to display posts/categories depending on API results. When there's nothing to display, I want to toast a warning message. I have following code async asyncData({ $axios, ...
0
votes
1answer
17 views

vuejs invoice transactions, input item push

I am trying to make invoice transactions with vue js. my question is; The user may want to write a description for 1 product or may want to apply a discount. (BY REQUEST) I want the specified input to ...
0
votes
0answers
7 views

vue3-openlayers view is permanently shifted to bottom

my view is shifted like shown below actually is is shifter because there is a sort of padding in the view inde the map container as far as I can tell drag the map up and it disapears drag the map dow ...
0
votes
0answers
16 views

detect the vuetify slide appearance

I am using vuetify slide group and I need to identify the slides which are displayed fully & partially using programmatically. So according to above image, slide 0 and slide 1 are fully displayed ...
-2
votes
0answers
22 views

nodejs npm install get error when in another branch

i was tried to use npm install in branch master and thats is no problem, and when i change to another branch and try to npm install again this eror comming : Command failed: C:\Program Files\Git\cmd\...
0
votes
0answers
14 views

How to check if markers are inside bounds of the map?

I am trying to check if markers are inside bounds of the map. I have been able to get in console bounds from map. But i am not sure how to connect those bounds and marker position. I tried with simple ...
1
vote
1answer
19 views

How can I get ID after creating mysql row in Vue - Express

I have question about getting Id from Sequelize.create. I have one database named Cases, there I'm storing whole Cases created by users. Then, I have database CasesImages, where I'm storing images ...
0
votes
2answers
38 views

vue img will not render object.value from data()

sorry if I'm just new to vue and bugging myself up. I'm trying to render an img with a src that comes from an object property which comes from an array I return from data() I'm not getting any errors ...
0
votes
1answer
27 views

vue js filter search in b-table

i display data using b-table , for the json i use this https://jsonplaceholder.typicode.com/comments?_page=1&_limit=5 here I display data with a limit of 5, on b-table i use filter or search ...
0
votes
0answers
10 views

The vite profile does not take effect at all

vite.config.js export default { root:'./', server: { host: '0.0.0.0', port: 8080, open: true, proxy: { '/dev': 'http://localhost:6806' } ...
-1
votes
0answers
14 views

How to get data from firestore DB in outside of onSnapshot VueJS Composition API

How do I wait for data in the onSnapshot firestore? I store comments in ref, thats why i use comments.value = results; When i console.log inside onSnapshot i got data from doc.data() When i console....
1
vote
3answers
35 views

Provide/inject axios response

I have one component in which I use axios to get data from API, it works and I can use this data in this component, but when I try to provide this data to another component, I dont get any data there. ...
0
votes
1answer
18 views

How to set onfocus on datepicker vue material?

I'm trying to write a function to be executed when the datepicker get focus, but I don't know how. Here is my page code: <div class="md-layout-item md-small-size-100 md-size-22"> &...
0
votes
1answer
11 views

Element UI not showing data from fetch-suggestion <el-autocomplete> vue js

I've been switching from el-select remote search to remote search input el-autocomplete. My problem the data are not showing in the dropdown. <el-autocomplete v-model="searchValue" :fetch-...
0
votes
0answers
13 views

Does $store.state.x access the same object reference in Vuex when used in different components?

I'm following a tutorial to create an eCommerce website using Vue Router and Vuex. When I do this.cart = this.$store.state.cart in different components, the cart variables seem to have the same object ...
0
votes
0answers
30 views

How can I output an array in "popular" and "alphabetical" order?

groupBrands: [ { latter: "A", brands: [ { id: 'ac', title: 'AC', image: '' }, { ...
0
votes
2answers
31 views

show errors in vue component ( Noob question)

In a Vue component I am trying to store error status in a variable errorMessage Somehow I do not get how to do it. My method is: addSpeler(){ const formData = new ...
2
votes
1answer
19 views

Showing multiple images in Vue3-carousel

I've searched the web far and wide for answers, but to no avail. Could a kind soul please explain to me, a novice, how I get three separate images shown using Vue3-carousel? I've had a look at the ...
0
votes
0answers
10 views

Cypress unable to open X Display in WSL2

I have followed every single step in this tutorial. Double Checked. Double Installed. https://nickymeuleman.netlify.app/blog/gui-on-wsl2-cypress But I get the error : [3974:0912/194522.792278:ERROR:...
0
votes
1answer
17 views

VUE.JS - Uncaught TypeError: _ctx.createWork is not a function at Object.onClick._cache.<computed>._cache.<computed> (Update.vue?0bac:37)

Junior developer and first time with cli view, the console shows an error I don't know and don't understand. I am trying to post a new job. The API is fine. Why does this error appear and how to solve ...
-1
votes
0answers
37 views

How to solve this npm erorr

anybody know what to do if there is an error like this there is no problem when doing that in branch master, but when do that in another branch this error keep coming here is my content of my package ...
0
votes
1answer
22 views

vue3-Openlayers: Change Feature color according to properties on the fly from template

I have these features <ol-vector-layer title="Features" :visible="vectorMenuDisplay" > <ol-source-vector ref="sourceVectorNew" :projection="projection&...
0
votes
0answers
24 views

Pagination AND a computed search

I'm using Vue and Firestore via Vuefire. I want to paginate the data from 'IncompleteWords', AND be able to search. I have managed to get them both working, but not quite independently of each other. ...
0
votes
1answer
21 views

vue-test-utils finding button does not work with find option object

According to the docs an element of a wrapper can be found by name. Using a find option object, Vue Test Utils allows for selecting elements by a name of component on wrapper components. and the ...
0
votes
0answers
13 views

vue local dev server proxy configuration

I am following an online course about Vue fundamentals; the course must be out of date as the code that worked in the video doesn't work anymore. The course was trying to explain how to use axios with ...
0
votes
0answers
7 views

getting the width and height of the previous image, not the one that was just uploaded

I have a case where I need to check the height, width, type and size of a file that I upload. I checked it all and put it in the conditional expression. But the problem is I can't get the height and ...
0
votes
0answers
11 views

DaisyUI : how to toggle Direction to RTL when language switched to RTL one?

I am using Tailwind CSS and DaisyUI as UI component . I wanna to change Direction to RTL when language changed from English to Persian , I know you can set RTL for DaisyUI in Tailwind config BUT I ...
0
votes
0answers
14 views

change axios name in vue3, child components say its not defined

I want to better understand the concepts of vue3 and get acquainted with them. please guide me. When written app.config.globalProperties.axios = axios; in app.js , axios can be accessed inside the ...
0
votes
1answer
24 views

How to use vue3 input component with vee-validate?

I'm a newbie with vuejs. I'm trying to use the input component with vee-validate and I got this example example link as an example that works great but I'm unable to create a v-model with this example....
0
votes
0answers
21 views

Laravel and Nuxtjs cors problem showing upload file

I host my code on digitalocean Frontend use Nuxt js and Backend use Laravel I test api using postman backend api ok Error: strict-origin-when-cross-origin modules: [ // https://go.nuxtjs.dev/axios '@...
0
votes
1answer
24 views

Error with using less and less-loader in nuxt

I installed less and less-loader with yarn. When I use <style lang="less" scoped> in /pages/index.vue got this error nuxt(^2.15.8) less(^4.1.1) less-loader(^10.0.1) Module build failed ...
0
votes
1answer
17 views

Vue router beforeRouteEnter - after refreshing the page, the button name disappears

<script> export default { name: 'TEST', data() { return { prevRoute: '' } }, methods: { goBack() { return this.$router.go(-1); }, }, beforeRouteEnter(to, ...
0
votes
0answers
27 views

Why svg icons are not shown correctly in vue?

I added two SVG icons inside two buttons, but only one of them shows up. The problem is even though I specify the id, it's only getting added to be xlink:href, but it works If I manually add in the ...
0
votes
2answers
35 views

Stop Vue page from loading till data (fetch) is loaded

I am trying to figure out how I can stop my page from loading until my fetch task is done. This is because I am encountering a few issues: I can't re-use the same data, so I have to re-fetch it every ...
0
votes
1answer
18 views

Laravel JetStream get user avatar

I am sure it is because Ive been staring at this for hours off and on that I am missing something silly. I am trying to pull the avatar of the username in question. The :alt="user.name" is ...
0
votes
0answers
22 views

Vuejs Render subcomponent

I need to render one component inside another. But then running the subcomponent is not applying. Everything is global: Index <script src=" <?= Helpers::asset('assets/js/vue/componenteA.js')...
0
votes
2answers
46 views

vuejs invoice input binding processors

I'm trying to do invoice four, but I couldn't quite figure out how to do it. First of all, to give an example: Quantity 1 Unit Price 2000 Percent (18) = net total "2360". and then if the ...
0
votes
0answers
25 views

How to Return a custom axios response based on response's error code

I'm trying to make a global error handling in my vue application. I have a api.service.js file that includes my axios and, creates and my get,post functions: /** * Service to call HTTP request via ...
0
votes
1answer
16 views

Replace background video with image if autoplay is not supported in vue js

I have a website with a background video. Many browsers especially mobile ones dont support autoplay even with muted videos. How can i detect if the browser isnt supporting autoplay and replace the ...
-2
votes
0answers
16 views

Why my Nuxt.js app has different styles on internet and on my computer? [closed]

I make a Nuxt.js app and on my computer it has styles from Vuetify. But when I upload on hosting, my app has a little bit difference in styles. Why?
0
votes
2answers
28 views

configuring base url nuxt for digital ocean deployement

i'm building ecommerce web app using nuxt and node.js/express. when i'm building locally i have no problem making axios api calls. base url is configured as the following const baseDomain = 'http://...
0
votes
0answers
18 views

Building SVG Icon with javaScript [duplicate]

I'm trying to create a dynamic elements with javaScript, one of the elements is a button with svg icon, everything works fine except the svg is not shown, if I edit it in browser and delete an empty ...
0
votes
1answer
20 views

[Vue warn]: Error in render: "ReferenceError: File is not defined" [Vuetify + NuxtJS]

(I'm using Vuetify and NuxtJS) I get this error when I'm trying to implement the component : v-file-input file.vue : <template> <v-file-input counter multiple ...

1
2 3 4 5
1673