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.
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 ...
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&...
The below code in returning 5 hours ago, when i just create a record
formatDate(date) {
return moment(date).fromNow();
},
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 ...
asked 2 hours ago
belykh
90988 silver badges2121 bronze badges
<template>
<select class="form-control mt-1" @change="selectUser">
<option >select user</option>
<option v-for="(user, index) in users" :...
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 ...
asked 4 hours ago
whileone
66811 gold badge1010 silver badges2424 bronze badges
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 ...
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, ...
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 ...
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 ...
asked 5 hours ago
Sam
1,14522 gold badges1515 silver badges3636 bronze badges
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 ...
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\...
asked 6 hours ago
JanLi
4511 silver badge55 bronze badges
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 ...
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 ...
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 ...
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 ...
vite.config.js
export default {
root:'./',
server: {
host: '0.0.0.0',
port: 8080,
open: true,
proxy: {
'/dev': 'http://localhost:6806'
}
...
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....
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.
...
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">
&...
asked 9 hours ago
Beetlejuice
3,96399 gold badges4848 silver badges7676 bronze badges
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-...
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 ...
groupBrands: [
{
latter: "A",
brands: [
{
id: 'ac',
title: 'AC',
image: ''
},
{
...
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 ...
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 ...
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:...
asked 12 hours ago
james
45522 silver badges1111 bronze badges
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 ...
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 ...
asked 12 hours ago
JanLi
4511 silver badge55 bronze badges
I have these features
<ol-vector-layer title="Features" :visible="vectorMenuDisplay" >
<ol-source-vector ref="sourceVectorNew" :projection="projection&...
asked 12 hours ago
Sam
1,14522 gold badges1515 silver badges3636 bronze badges
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.
...
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 ...
asked 13 hours ago
KvdLingen
1,09011 gold badge1010 silver badges2020 bronze badges
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 ...
asked 15 hours ago
stt106
2,7702626 silver badges4444 bronze badges
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 ...
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 ...
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 ...
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....
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
'@...
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 ...
<script>
export default {
name: 'TEST',
data() {
return {
prevRoute: ''
}
},
methods: {
goBack() {
return this.$router.go(-1);
},
},
beforeRouteEnter(to, ...
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 ...
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 ...
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 ...
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')...
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 ...
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 ...
asked yesterday
Aurora
16911 gold badge33 silver badges1616 bronze badges
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 ...
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?
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://...
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 ...
(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
...