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.
vue.js
16
questions
0
votes
0
answers
8
views
Nuxt is too big,font awesome too big
When I build my project, my build file is up to 8MB due to FontAwesome. After removing FontAwesome from the project, my build file decreases to a maximum of 500KB. I'm trying to optimize the inclusion ...
0
votes
1
answer
15
views
How to show a V-Alert above a V-Dialog
I have a global v-alert that I use to show error messages or info, however in a v-dialog when I try to show the alert its hidden behind it. I've tried using elevation and setting the z-index on the v-...
0
votes
0
answers
21
views
Resolve cors error for Nuxt 3, for embedded app making request in project
CORS ERROR
I have an issue in my project, I understand the error, as well as I tried to find answer for it but no luck so far.
Here is my scenario:
I have nuxt 3 app, where I am embedding one of the ...
0
votes
0
answers
14
views
Which Nuxt hook to use for loading third-party javascript
What is the right Nuxt hook to use if I want to run something after the page has fully loaded and all suspense operations / dependency fetching is done?
My goal is to load third-party javascript after ...
0
votes
0
answers
15
views
Vue3 Typescript Sum all values of a column in an array
I'm still very new to this programming language and I'm trying to take an array column and sum its values so I can show a total amount on the webpage.
Question #1
I was attempting to use a computed ...
-1
votes
0
answers
10
views
Responsiveness problem with my div using Vue and Tailwind (Keeping the width when it should shrink)
<div class="flex flex-col bg-sky-600 bg-opacity-35 w-full overflow-y-hidden h-auto max-h-64 px-5 rounded-lg shadow-md pt-5 text-white shrink scroll-smooth">
<h1>TODAY'S ...
0
votes
0
answers
12
views
How To Unquote Numeric Properties In Vue
When assigning attributes to components in the template section of Vue, values of numeric props are placed inside quotes which tend to generate a lot of warning in the console. Even after removing ...
0
votes
1
answer
14
views
How to build a Vue web component which reflects an internal state as an attribute?
I am building a web component input which looks like this with Vue 3:
<my-input value="Search"></my-input>
How can I make sure that the value attribute is always equivalent to ...
0
votes
0
answers
26
views
Vue 3 and Vitest focus input sets document.activeElement to HTMLBodyElement in test in composition API
Given a Vue 3 component
<template>
<input id="input" type="text" @focus="handleOnFocus($event)" />
</template>
<script setup type="ts">...
0
votes
0
answers
17
views
scrollTo specified position when entering page
When entering the page, I use window.scrollTo to scroll to a specified position, but it seems that the browser will scroll the page back to the top?
In a Vue3 project, I used window.scroll({top: 200, ...
0
votes
0
answers
26
views
How can I make part of vuetify dialog transparent?
Here is our question dialog, which was written by Vuetify v-dialog.
How can I make the red framed part become all transparent and this part still included in v-dialog, I have seen the documentation ...
0
votes
2
answers
45
views
How can I use concat to convert a dom NodeList to a array?
I found the statement [].concat(anotherArray) is not completely same to the [...anotherArray].Especially when we use it to convert NodeList.
I want to iterate a NodeList in Vue template, like this:
&...
0
votes
0
answers
9
views
Which directories remain private whilst running a Vue.js application on Hapi?
I've been using Hapi.js to run my API server for a few years and I have been very pleased with simplicity and peformance. In order to reduce complexity I am considering moving my Vue.js application ...
-3
votes
0
answers
28
views
How to set opengraph meta tags in laravel
I tried to set opengraph meta tags in my laravel inertiajs web app. When I shared the url to whatsapp, the cover image did not show up..
I already set some opengraph meta tags in inertia Head ...
-1
votes
0
answers
32
views
Java spring boot server sending response all at once instead of streaming depending on how it's run
I am trying to stream a response from a java server. The response is sent to a Vue client. When the server is run in VS Code, it works beautifully. However, when I run the server using java -server -...