All Questions
Tagged with javascript vuejs3
4,024
questions
0
votes
0
answers
3
views
Passing an object to a route with vue-router
Based on this from vue-routers site it seems as though you can pass an object as a prop. However, everytime I try to do this it seems to it fail saying invalid param
My route is defined as follows:
...
0
votes
1
answer
8
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
18
views
element plus key How do I set the key for select v2 [closed]
How do I set the key for select v2 to prevent the entire visual list from being refreshed during virtual scrolling and reuse the dom using vue's diff algorithm
<template>
<el-select-v2
...
0
votes
1
answer
26
views
"if regex.test" doesn't works properly on javascript vuejs router [duplicate]
const router = createRouter({
history: createWebHistory(),
routes,
});
// ...
const allowedToAnonymous = [
/^\/login$/g,
/^\/signup$/g,
/^\/home$/g,
/^\/emailconfirm\/[0-9a-zA-Z]{8}$/g,
...
0
votes
1
answer
31
views
Transition Issue with Layout in Nuxt 3
I am facing an issue with route transitions when conditionally disabling layouts on specific pages. I have a <NuxtPage /> in app.vue wrapped in default <NuxtLayout />, which contains a ...
-3
votes
0
answers
28
views
Why is it that when I use a third-party packaged js file and modify its source code, the page does not take effect? [closed]
i used called maotu third-party lib [enter link description here][1] ,There are two features I don't need. I modified the source code, but it doesent't work.Specifically, on the page of the ...
0
votes
1
answer
54
views
vuejs @input is getting called only after onfocusout, i want to call it when user is typing
i am trying to use @input on input field in vuejs, but the function assigned to it gets called only after user has stopped typing and the focus is out of the input field, that means it is getting ...
0
votes
0
answers
33
views
How to create a standalone embeddable script from an internal Vue component?
I have a Vue application, and within, I have a component, which I reuse throughout the app. It's located in src/components.
I'd now like to make it so this component can be embedded into other ...
0
votes
0
answers
27
views
Implementing SwiperJs Thumb Gallery In Nuxt 3
I'm working on a Nuxt 3 project and trying to implement a SwiperJS thumbs gallery - https://swiperjs.com/demos#thumbs-gallery. I want the thumbnails to synchronize with the main slider so that ...
0
votes
0
answers
49
views
Javascript regex is working on desktop but not working on mobile
I am using regex in vuejs to manipulate input field data.
below is the code:
<input
v-model="inputValue"
type="text"
:placeholder="placeholder"
:class=&...
0
votes
0
answers
36
views
Links not longer working when navigating to another view
So, when I used this code to go from the view to another with props.
this my first view :
<template>
<Spinner />
<Header />
<main class="main">
<...
-2
votes
0
answers
25
views
Managing Repeated Data: Script Array vs External JSON [closed]
I'm working on a Nuxt project where I have a section with 8 <li> elements, each containing an image, alt text, class, and a link. I want to avoid repetitive code by using a loop to render these ...
0
votes
1
answer
36
views
Vue 3 Splicing an array does re-render the contents correctly
I have an array of the following structure:
[
{
start: "str",
end: "str",
},
...
]
and template similar to:
<templateList v-for="(item, index) in itemList&...
1
vote
2
answers
63
views
+50
How to set loadingTemplate inside custom Nuxt Module
I'm building a nuxt module, and want to set loadingTemplate within this module.
What I tried so far is modifying devServer inside module like below (But no luck)
import { loadingTemplate } from './...