All Questions
216 questions
0
votes
0
answers
39
views
Passing a `key` attribute from a native HTML element to a Vue/Nuxt widget
I'm developing a custom widget using Nuxt 3, and it's encapsulated within a shadow root. I need to pass an API key to this widget using the key attribute from a native HTML element like so:
<my-...
0
votes
1
answer
147
views
How to create helper methods to render components in nuxt
I'm new to Nuxt, I'm using Nuxt and Nuxt UI for my project. I'm trying to create helper methods to render the components with small differences. For example, in my Header.vue
<template>
<...
0
votes
1
answer
194
views
Nuxt Vue display component based on parameter/type
I am fairly new to Nuxt and Vuejs. I have googled for a solution but haven't found any.
I have a page with component <VTextField></VTextField> and <VSwitch></VSwitch>, sample ...
0
votes
1
answer
51
views
Only the last v-for element is updated when all of them should
3 page links in the nav should be displayed in 3 languages by user choice. In the initial page load it works fine. Then click one language change link then again it works fine. But when I click a ...
0
votes
1
answer
2k
views
Pagination with Nuxt UI
I'm trying to implement the pagination component from Nuxt UI, but I am unable to make it work..
I tried to read the docs and youtube, but nothing to be found. I don't understand how to bind my data ...
1
vote
1
answer
497
views
Component call by click Nuxt open
How can I make a modal window open when a button is clicked. That the modal window itself is not stored in the header?
file header:
<template>
<section class="header">
&...
0
votes
1
answer
74
views
call a modal window from another file
How can I make a modal window call. From another file? I don't understand why I can't do it.
file 1:
<template>
<section class="header">
<div class="header-...
0
votes
0
answers
26
views
Facing difficulties to grab dynamic value from api generated multiple checkbox value with v-model in vue 3
I am very beginner to vue js.
this is my code. I just getting the questions form api and for loop them as a question. inside the question i also get the available questions and so i print them with ...
2
votes
2
answers
1k
views
external script doesn't always loads when we navigate between components nuxt 3
external script doesn't always loads when we navigate between components nuxt 3 , i have created component
dashboard/index.vue
added this code
useHead({
script: [
{
src: 'https:...
0
votes
1
answer
1k
views
How to set loader when component render first time Nuxt 3
I am working on nuxt 3 project using the element plus library and one of my pages have 3 tabs and I have divided 3 tabs content into 3 component and I have set conditions to render only the first tab ...
0
votes
1
answer
2k
views
Issues loading Vue defineComponent()s in Nuxt | Could not load vue.esm-bundler\server-renderer
Hello All and Thank You,
I am currently still trying to pin down the issue. I am also new to Nuxt, semi-new to Vue.
So I just spent the past year on and off building out a prototype concept player. I ...
-1
votes
1
answer
84
views
Is it normal to add class attribute directly to component declaration tag , in Vue.js (3)?
<MyComponent class="extra class from parent" />
inside MyComponent file :
<style lang = "scss" scoped>
.my-component{
font-size:1rem;
}
It works but is it ok, ...
0
votes
1
answer
279
views
Nuxt/Vue @Click Value Fires only Once
I have a component called 'ProductGrid.Vue' and 'LoadItem.vue' (which is the side-loader menu).
Currently, I have the Prop named show in both, once the LoadItem menu is closed I cannot trigger show = ...
0
votes
1
answer
76
views
Vue v-for directive causing unexpected additional components
I am trying to use Nuxt Content to create a blog section of my website. I have created the directory structure and some testing posts. I have also created the query that grabs the posts and stores ...
1
vote
1
answer
1k
views
How to show variable inside function in vue3 template
How can I display the variable inside template? I use Nuxtjs version 3.2.
I set return but its not show in the template
<template>
<div>
<p> Countdown: {{ `${days}` }} {{...