All Questions
Tagged with vue-component components
80
questions
0
votes
1
answer
78
views
How to override TailwindCSS utility classes in components without using !important option?
For example, say you have a component like this (using VueJS as an example):
<!-- Container.vue -->
<template>
<div class="px-5">
<slot></slot>
</div&...
0
votes
0
answers
92
views
Two Vue components conflicting each other while loading data
I have a "ProjectsSearchBar" component for searching and selecting projects that are making calls to API to fetch projects. I am trying to place two same components side by side. ...
1
vote
0
answers
410
views
How to pass data from any depth child component to direct its all parent component without emit in nuxt 3
I have some component herarchie as per the below structure
<layout>
<Header />
<Main /> //Inside this main component there is many child component depth
<Footer />
&...
0
votes
1
answer
2k
views
Nuxt 3 re render component after API response
I am working on nuxt 3 and I need re render component after API response.
<template>
<AssetsTab
:form-data="formData.assets"
:loader="loader"
@on-submit="...
1
vote
1
answer
319
views
Modal Variations in Vue3
I'm trying to create a modal with different variations like AddUser or EditUser with different headers and buttons but with the same layout.
I imagine it would be something like where I define in the ...
0
votes
1
answer
757
views
VUE3 pass data between files
In Home.vue I get data from db.json and store it into jobs: [] array.
export default {
name: 'Home',
data() {
return {
jobs: [],
}
},
components: {
},
mounted() {
...
0
votes
2
answers
501
views
Vue component communication between header component and components in the router-view
Im facing a problem for my VUE app, Im using the vue Router to navigate to my component
In my Header component I use router-link to navigate to a Home component
The problem is :
In my Header component ...
1
vote
1
answer
1k
views
Passing Data between vue components
I have 3 vue components, Component A uses an event listener to gather the data from the HTML text a user clicks on and stores it into a variable. Component B will take the data and make an API call to ...
2
votes
2
answers
953
views
Web Components in Vanilla JS: Equivalent of ngFor and v-for?
I have a custom component defined in vanilla JS:
class Article extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.render();
}
render() {
this.innerHTML ...
2
votes
2
answers
3k
views
Is any another way to pass data from child to nested parent component(6 level up) without using of emit and store in vuejs?
I need to pass data from child to parent(nested) component, I know we can do this with emit or store but I want to know, Is any other way, for doing this in a better manner?
I don't want to use emit ...
1
vote
0
answers
172
views
Vuejs component method generate html that have onclick and will call another method
Is there any solution when generating html on method, and the html tag have onclick event listener to other vuejs method?
Methods :{
methodOne(){
//...
return '<button class=&...
2
votes
1
answer
583
views
I am trying to add items in cart in vue js but not sure how to transfer thoes data between components, I have an array with has items information
I have read many question and articles suggesting to use me emit,props but I am not able to figure it out. Below is my code.
I have an array of products which contains details of product and I want to ...
2
votes
2
answers
17k
views
How to remove event listener from Vue Component
I have a Vue2 component which contains an added eventListener i created on mounted. I was wondering how do i properly remove this listener when the component is destroyed?
<template>
<div&...
0
votes
1
answer
308
views
How and where register npm installed component for VueJS
I created a Vuejs project using vue create command provided after installing npm i @vue/cli. Now in my project I want to use this component. In it's installation guide it says:
"Then, import and ...
0
votes
1
answer
647
views
Vue component not registering
I am using Vue.JS in a project where I am trying to load a custom component tag.
We have used Vue.JS in other projects before so I basically copy pasted it into a new project though it is not working, ...