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
0 answers
12 views

Confused on Mathjax formula responsiveness

This is the Mathjax component on Vue 2: <template> <div class="w=[100%]"> <div ref="mathJaxEl" class="mathjax-container" > {{...
FiFi's user avatar
  • 79
0 votes
0 answers
15 views

Why single date selection isn't working and always returning undefined?

I'm currently working on implementing a date selection feature in my Quasar application using the q-input and q-date components. The goal is to enable users to pick either a single date or a date ...
Manish Shahi's user avatar
1 vote
0 answers
14 views

Dynamically importing dynamic components in Vue 2.7

Please note that this is a legacy Vue 2.7 codebase running on webpack, so any Vue 3 or Vite related solutions unfortunately won't work for me. I'm reworking an old navbar that is dynamically generated ...
Sensanaty's user avatar
  • 946
0 votes
0 answers
16 views

Jsonwebtoken - Uncaught TypeError: Cannot read properties of undefined (reading 'from')

I getting below error in browser console when I add jsonwebtoken. below is my code in .js file. import jwt from 'jsonwebtoken'; const decodedToken = jwt.decode(_token); can post your suggestions ...
Rajasekar Gunasekaran's user avatar
-1 votes
0 answers
21 views

Failed to resolve entry for package. The package may have incorrect main/module/exports specified in its package.json [closed]

I am newer in vue.js and facing an issue while hit the command npm run dev. The errors are as: ERROR [commonjs--resolver] Failed to resolve entry for package "/var/www/html/jw-uk-vue". The ...
Chandu Mahara's user avatar
0 votes
1 answer
17 views

Property 'showUserDropdown' does not exist on type '{}'.ts

I am trying to create a basic vue component, but i get the error from the ide on the {{ showUserDropdown }} stating: Property 'showUserDropdown' does not exist on type '{}'.ts But i have added it to ...
Jamie Norman's user avatar
0 votes
2 answers
35 views

Vue 3: disable renaming CSS properties from "top/bottom/left/right" to "inset"

Vue (or maybe Vite) automatically converts my css style from "top: 0; right: 0; left: 0; bottom: 0;" to "inset: 0px;" Since I need to support older browsers, where inset is not ...
me_yy's user avatar
  • 13
0 votes
0 answers
22 views

TS2339:Property 'last_name' does not exist on type '{ submit(): Promise<void>; }'

export default{ name:"Register", data(){ return { first_name:'', last_name:'', email: '', password : '', ...
amirpny's user avatar
  • 11
1 vote
3 answers
36 views

v-slot is not compatible with nuxt version 3

Before, I coded nuxt beta + used vuetify's UI. This is my custom text-field component <script setup lang="ts"> </script> <template> <v-text-field class="text-...
Hoang Duy's user avatar
-1 votes
1 answer
49 views

Axios communicate with backend (LARAVEL) Api

So I have 2 separate projects, Vue3 (frontend) and Laravel (backend). I have this configuration in the VueJS: axios.defaults.baseURL = 'http://backend.com/api/' axios.defaults.headers['Authorization'] ...
Lekz Flores's user avatar
-2 votes
1 answer
22 views

node_modules has vuex, but dist does not have vuex [closed]

vue-cli-service version is 2.9.6.The vue version I use is 2.x. When using vue-cli-service build for packaging, vuex is not packaged into dist. The development environment can use Vuex, but the display ...
PEKKA-1's user avatar
0 votes
0 answers
15 views

Use laravel Sanctum with a Vue SPA running localy on different Ports

im learning to create a vue SPA with sanctum auth. i built a bit of my api and was testing with postman, adding the token for each protected post and get. That was working all fine. But now i have ...
sniperfull's user avatar
-2 votes
2 answers
78 views

CORS and routing issue, backend fails to serve API to itself (Node/Express)

Summary: I have a web app with two main components: a frontend built using Vue.js, and a backend using Express.js. The backend serves two functions: It acts as an API server for data requests and ...
Jay's user avatar
  • 3
0 votes
1 answer
28 views

Vue app.use() doesn't accept my router as a parameter

I am making a new project using Django and Vue 3 (with pinia). I am trying to set up vue router (the lastest version) and I found these instructions in the vue router website https://router.vuejs.org/...
vaultdweller's user avatar
1 vote
1 answer
36 views

MouseDown Wrong Event Target

My goal is get mousedown event from id="node-2" element. But when I do mousedown event target not coming from id="node-2". coming from child elements. My vue codes is below. <...
SefaUn's user avatar
  • 874
0 votes
0 answers
20 views

Braintree unvalid Token

I am trying to implement a payments system using Braintree functionality. So, I tested all functionality in Postman using as a token a fake-valid-nonce, and payments appear in my sandbox account with ...
shapeShifter42's user avatar
0 votes
0 answers
14 views

Url slugs doesn't work in Docker and throws 404 error [duplicate]

When I enter the /login page using button and link on my page i can access every page with no problem. When I refresh localhost:8080/login or connect it directly I get No web page was found for the ...
S K's user avatar
  • 25
0 votes
2 answers
41 views

How can I get the data from a child component in Vue3?

Im newbie in web development, and also in vue. My idea is to make a component that has some user input, like text, a selection from a combobox and a checkbox. This component should be genereted ...
Ignacio Sambrailo's user avatar
0 votes
1 answer
22 views

Using Props to Set Initial Value of VueMultiselect inside a Modal in Vue3

I'm developing an app where I have a value from the parent file passed as a prop to the child file which is then used to set the default value of a VueMultiselect. It seems like I can access the prop ...
m.yoshih's user avatar
1 vote
3 answers
51 views

Express route returning no value as function is not executed [duplicate]

I am struggling with some Express routs that behave differently even though the code to execute is the same. I want a client application to call the API as follows: async search(){ const query =...
Eminent Emperor Penguin's user avatar
1 vote
2 answers
28 views

How to combine Create and Update form & process in MEVN stack?

Has anybody combined their edit and create forms in a MEVN stack? For example Moongoose's save method can create or update but I'm not sure how you handle passing in the ID if it does exist vs does ...
Bill's user avatar
  • 985
0 votes
0 answers
36 views

Manually changing route in vue js 3 is causing problem

I have created vue js application. I don't have my own domain. I have hosted my code on two websites vercel.com and netlify.com. My code is working fine. But when I change any route by writing url ...
MD Shafikul Islam's user avatar
1 vote
2 answers
59 views

Extracting Props from Vuetify Component in vue 3

I am trying to write my own wrapper for vuetify components, so I don't have to define the same props in every component. E.g. I want to create my own TextField, that has defaultProps, but can also ...
lub's user avatar
  • 71
0 votes
2 answers
38 views

Passing v-model down to grandchild component

I have this structure: Form.vue -> FormTextInput.vue -> TextInput.vue. When I use FormTextInput.vue in the Form.vue, I use v-model to handle the data reactive. How can I pass this property down ...
Torben's user avatar
  • 5,430
0 votes
1 answer
23 views

Image not showing in v-navigation-drawer background in Vue.js/Vuetify

I am currently working on a project using Vue.js and Vuetify, and I am facing an issue with the v-navigation-drawer component when trying to set a local image as the background. Here is the code that ...
unknown123's user avatar
0 votes
0 answers
19 views

Deployed VUE-JS App cant connect to deployed FastAPI-Websocket

So im wrote a little Game for me and my friends in VueJS and FastAPI (with WebSockets) On LocalHost everything works fine and i thought i could deploy it to my IONOS-Playground-Server (the one for 1€)....
Baris's user avatar
  • 1
0 votes
1 answer
64 views

vuejs3 array length does not update appropriately

i am trying to build a shop and i try to add items to the cart but for some reason the cart length is wrong as i am trying to be able to add items to the cart without having duplicates in terms of ...
itsbuliaba's user avatar
1 vote
1 answer
27 views

how to connect two nodes in D3/Tidy chart?

I am using Tidy chart from D3js library and this is my code const data = { "name": "tree", "children": [ ...
morteza mortezaie's user avatar
0 votes
2 answers
35 views

[Vue warn]: Property "handleCreateClick" was accessed during render but is not defined on instance

The app is in laravel, vuejs. Used Laravel breeze for some functionalities. For a feature, a button should open a modal. But modal not opened, The error in the console - [Vue warn]: Property "...
Dip Chakraborty's user avatar
0 votes
0 answers
13 views

Fetching Markdown file in Vue works only on dev server

I'm fetching a markdown file that is located in a /src/blogs/.. directory in my Vue app. Now it works on my localhost dev server when I run npm run dev. On my server however I get a 200 response but ...
Sasquatch's user avatar
0 votes
0 answers
16 views

How would I go about using the chessboard.js application in a vue website

I'm currently working on a Vue.js website and aiming to integrate the chessboard.js application to incorporate interactive chess features. I've explored the documentation, but I'm facing challenges in ...
KaCoding's user avatar
0 votes
0 answers
21 views

Getting wrong types in Nuxt 3, but just in VSCode

I'm building a blog page using Nuxt 3, @nuxtjs/sanity and I got this Typescript error. interface Post { _id: string; _type: "post"; _createdAt: string; title?: string; slug: Slug; ...
gxjakkap's user avatar
0 votes
0 answers
15 views

Tags component in primevue, allowing options to select

I am using Chips component in primevue. It is allowing to add options manually. But is there any way to allow multiple options to select like autocomplete. Like combobox, it allows options to select ...
Sam's user avatar
  • 2,335
1 vote
2 answers
69 views
+50

How to pin the top header row showing column names in this bootstrap-vue table?

I have a bootstrap-vue table that looks like this; Here is the code; <template> <div> <b-table hover :items="items"></b-table> </div> </template> ...
user3848207's user avatar
  • 3,943
-2 votes
0 answers
34 views

how to bind value in image src in vue [closed]

So I have an assets folder where I store A bunch of images. In my code I am looping through an array that has an attribute that contains the full path of the assets folder in order to get the image. ...
codeouz's user avatar
  • 49
0 votes
0 answers
37 views

Why does Vue3 log a warning when I use v-show in my component? (And can I safely ignore it?)

Before I can get to my question, I going to try to provide some details. I apologize for the length, but I think it's important to provide some background for what might be an unusual implementation ...
Geo...'s user avatar
  • 307
0 votes
0 answers
8 views

Github Pages (https://account.github.io/project) after auth0 login to incorrect URL

I am trying to deploy my Vue3 SPA app on GitHub pages and everything is working as its supposed to. I have the callback and redirect_uri set to “https://account.github.io/<repo_name>”. However, ...
Vue3 Developer's user avatar
0 votes
1 answer
38 views

Polymorph relationship wont let me reach to the parts table

So I have a database that has : Ad Model that polymorphs to Vehicle, Parts and Equipment model. Now I am trying to do some filtering with checkboxes, heres my front end code with Vue.js import {Link, ...
Kubura's user avatar
  • 21
0 votes
0 answers
32 views

Vue testing a component that uses composables

I'm using vitest to put together unit tests for components in my web app. I've run into an issue where my component uses a composable to get some state variables, and the composable is undefined when ...
Dean Packard's user avatar
0 votes
1 answer
22 views

VSCode - Vite Open Browser Shortcut

I am running Vue with Vite in VSCode on Windows 10. I have the NPM Scripts shortcuts that builds the project when clicked on. I added the following binding to keybindings.json below and works nicely ...
WillC's user avatar
  • 1,803
0 votes
1 answer
60 views

vue data isn`t displayed on a page

I started writing the front part of my application using vue.js . And I have a problem with the fact that the data is not output, although if I output it to the console via console.log, everything is ...
Nicolas2099's user avatar
0 votes
1 answer
32 views

How to set height of v-select component - vuetify 3

How to properly set the height of the "v-select" component in vuetify version 3? In the second version, prop height was used for this purpose: <v-select :items="..." height=&...
Korzan Adrian's user avatar
0 votes
0 answers
13 views

Error sending password reset email: authInstance._getRecaptchaConfig is not a function

I got this error when trying to reset the password in firebase auth. Basically, I have seen that this error occurs due to wrong path to firebase auth or firebase version in package.json. But I ...
Daniil Livnev's user avatar
0 votes
0 answers
24 views

passing ref to a function from html

I have collapsible sections on the page that I would like to collapse on mouse click. The state is represented by the following 2 refs: import type { Ref } from 'vue' import { ref } from 'vue' const ...
Alex's user avatar
  • 4,812
0 votes
0 answers
25 views

White bar using vuetify on vue3

I am trying to use vuetify(3.4.7) in my project Vue3, but for some reason, when i start the server, i am getting a white bar in the screen, that until now, i did not manage to make disappear. Bellow, ...
tmoyses's user avatar
-1 votes
0 answers
14 views

`RecipientsDisplay` component using react/ vue

This functionality should work on any screen size and when the screen is resized. For simplicity, this will only be tested in a recent version of a Chromium browser. If all the recipient email ...
Akshaykumar Mande's user avatar
-1 votes
0 answers
50 views

Blocked a frame with origin "http://localhost:5173

My Frontend is running on http://localhost:5173 (vue) My backend is running on http://localhost:8000 (laravel rest api) Problem :- When i add http://localhost:8000 in a iframe in my vue frontend (...
Gulam Moinuddin's user avatar
0 votes
0 answers
16 views

Create/Insert in Laravel, Vue + InertiaJS

I'm new to laravel, apologies for that. I want to insert a data into my database in laravel. I watched tutorials in youtube but still I can't figure this out. Code in my controller: public function ...
pH Jhop's user avatar
  • 11
0 votes
2 answers
36 views

why i m gettin null from props in vue js?

here is my parent component from where i m passing props to a child component but i m getting null value at my child component i really unable to figure out where is problem here is my parent ...
Muhammad Usman's user avatar
0 votes
2 answers
53 views

Cannot find module - Nuxt 3, TypeScript

When trying to do an import .ts file in 'nuxt.config.ts' using the path '@/' and '~/' I get the error: Cannot find module '~/path', Require stack: - nuxt.config.ts at Module._resolveFilename.... ...
Данил Пономаренко's user avatar

1
2 3 4 5
2128