13,578 questions
Score of 0
1 answer
79 views
VueJS3 DOM event not forwarded to child component
I am migrating a Vue2 app to Vue3.
I am running the compatibility build (vue 3.1.0 with @vue/compat: 3.1.0).
I have custom buttons components like this:
<template>
<button class="...
- reputation score 407
Score of 3
1 answer
141 views
When using the DynamicScroller of vue-virtual-list, there is unexpected gap between sub-list items
Screenshot of actual effect：
The abnormal blank space is circled in red。The template and CSS code are as follows:
<DynamicScroller
:items="msg_list"
:min-item-size=&...
- reputation score 35
Score of 0
0 answers
70 views
Trying to detect component update in v-date-input
I am trying to use the date picker from vutify 3. I would like to know when a user has entered a data value. I have tried using things like @click,@submit, v-on, @update on the v-date-input ...
- reputation score 645
Score of 2
1 answer
52 views
Vuetify 3 | v-dialog close it after it opens programatically
I have this v-dialog component:
<v-dialog v-model="dialog" @afterEnter="open">
<template #activator="{ props: activatorProps }">
<...
- reputation score 3270
Advice
0
votes
0
replies
36
views
User provided forms with FormKit Schema
I’m currently working on a Vue 3 project with composition API where users can create forms that are then rendered and filled out by other users. Right now I’m considering using FormKit Schema for this,...
- reputation score 1
Score of 0
0 answers
122 views
Vue 3 component's v-html doesn't update after hydration
I am experiencing a strange hydration behaviour in Vue 3 (Nuxt/SSR context). In my component, I have a reactive variable that initialises with a timestamp.
On the initial client-side render, the ...
- reputation score 1547
Score of 1
1 answer
115 views
How to make cookies work with axios and vue3-cookies?
I have successfully created a session-based, httpOnly-cookie stored authentification process between my Vue3 frontend and Spring Boot backend. Now, since the authentification cookie is httpOnly, I ...
- reputation score 306
Score of 1
1 answer
147 views
PrimeVue: Edit DataTable Cell using CDN option
I'm a newbie at PrimeVue and am stuck on datatable with cell edits. When I click the cell, it doesn't go into edit mode: https://primevue.org/datatable/#cell_edit
Here is a block that replicates my ...
- reputation score 25
Score of 1
1 answer
106 views
How to correctly react to a promise in Vue/axios
I'm writing a signup form with Vue 3 and use axios to check if a username is already taken. My component looks like this:
<script setup>
import { ref } from 'vue';
import axios from 'axios';
...
- reputation score 306
Score of 1
2 answers
68 views
Fluid colums with fixed header element [closed]
I've got a table with table-layout="auto" for autowidth of the columns, and height=400 for the fixed header, but the scroll overflows the header which should not happen.
With table-layout=&...
- reputation score 21
Score of 0
0 answers
60 views
Integration of Photo Sphere Viewer
I'm trying to create a component to display 360 pictures using Vue3.js / Nuxt. I've created a simple component:
<template>
<div id="viewer"></div>
</template>
<...
- reputation score 1
Score of 1
1 answer
98 views
Document a Vue3 Generic Component such that typedoc can list, $emits, $props and $slots
The moment you use generic components with the new composition API the output into .vue.d.ts files becomes unusable for doc-generators like typedoc.
I want to be able to use interfaces to define my ...
- reputation score 778
Score of -1
0 answers
121 views
Chart.js with date-fns adapter throws "This method is not implemented: Check that a complete date adapter is provided" when using time scale
I'm trying to create a time-series line chart using Chart.js (v4.4.0) in a Vue 3 component with the date-fns adapter. The chart works fine with a linear x-axis, but when I set the x-axis to type: '...
- reputation score 11578
Score of 0
1 answer
58 views
vue3 custom directive will break reactive when use el.textContent='xx' in hook
I met a very strange question, the demo code as follows:
<script setup>
import {ref} from 'vue'
const vTest = {
mounted: (el) => {
el.textContent='aaa'+ el.textContent
},
updated:()=...
- reputation score 31
Tooling
0
votes
0
replies
35
views
How to Easily migrate a laravel 7 blade/vue2 App to Laravel12 Vite keeping blade views and Vue3 components
I have an older Laravel7 App which I made with blade templates including vue2, thus using Vue2 & Webpack (laravel Mix) to make the app work.
The client has asked me now to upgrade to the newest ...
- reputation score 402