Questions tagged [vue-component]
Component is a powerful Vue feature that allows extending basic HTML elements to encapsulate reusable code.
vue-component
10,688
questions
0
votes
0
answers
43
views
how to introduce v-model to a drop-down list
vue3 with options api
as shown in the code section below, i am creating a vue-component with drop-down list
what i want to achieve is, to introduce v-model to the drop-down list so that when the user ...
0
votes
0
answers
38
views
Store gets called even if set to the same value more than once
i am using vue3 with options api
for the storeTest.vue posted below, every time i set a value to it, the respective wachter gets executed, but it also gets excuted even if the i set the same object ...
0
votes
1
answer
74
views
Watcher does not detect changes occured to an array of objects
I am using vue3 with options api as shown in the section titled code. I set an object to a store. storeTest.vue shows how the Store is implemented, and in watch it shows how I listen to changes that ...
0
votes
0
answers
48
views
ERROR in [eslint] Cannot read properties of null (reading 'references') Occurred while linting
I am new to work with vue. I have used @vue-flow/core to use a custom edge with button component. But while running the npm run build/serve, I am getting this error:
ERROR in [eslint] Cannot read ...
0
votes
0
answers
26
views
Vuetify 2 date picker won't update date in DOM
I'm trying to make a date picker and update some text in the DOM when a new date is selected, but it won't update at all.
My template
<template>
<div>
{{ new Date(date)....
0
votes
0
answers
74
views
how to push value into a ref array
as shown below in the code, in the constructor i create a ref array. i want to push this.#recentlyHoveredGeomProps.value into the reactive array object which is this.#recentlyHoveredGeometriesProps.
...
0
votes
0
answers
44
views
Vue.js Dynamic Slots Not Rendering Content as Expected
I'm working on integrating Vue.js with Laravel to create a multilingual content management system, and I'm facing an issue with dynamic slots not rendering any content. Despite setting up everything ...
0
votes
0
answers
19
views
JointJS Vue.js Integration: Double-Click Event Listener Multiplication
I'm encountering an issue with event listeners in JointJS within a Vue.js application.
The problem arises when using a double-click event listener (cell:pointerdblclick) within a method called ...
0
votes
0
answers
33
views
VueJS User cant alter checkbox state
I have the following script which use to work perfectly fine.
<div id="inspectionList" class="row m-0 p-0" v-if="app.getOption('InspectionChecklists')">
<div v-...
0
votes
0
answers
45
views
Vue Component - dynamically create styles for deeply injected HTML content
We have content that a user creates using a text editor, which creates HTML tags for them such as h1 p etc etc.
We also let the user define a theme via a predefined form that basically sets style ...
1
vote
1
answer
70
views
Vuetify v-sparkline component not rendering
I was wondering If I could get some help with sparkline graphs in my component, as I'm still very much new to this.
For now, I just want to display a graph with default settings and an array of ...
0
votes
1
answer
31
views
two radio buttons, how the selection of one of them deselect the other one
in the code mentioned in vue-component section below, i create a component with two radio buttons.
what i want to achieve is, when the radio button in idRadioBtnShowGeoTIFFOverlayContainer is selected,...
1
vote
2
answers
124
views
Array of string inputs in Vue 3?
I'm trying to present a form using Vue 3 that will contain a list of text input fields. The fields map to a string[] with a fixed length. I'd like to be able to set each field's v-model to the ...
0
votes
1
answer
54
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
40
views
Is there a way to v-bind Components (while setting its prop) as prop of another component as shown below
<MyParentComponent :component-prop="MyChildComponent.ChildComponentProp.value = 'xyz'">
This is what I want to achieve. I want to provide MyParentComponent a child component as a prop.
...