Questions tagged [vue.js]
Vue.js is an open-source, progressive JavaScript framework for building user interfaces that aims to be incrementally adoptable. Vue.js is mainly used for front-end development and requires an intermediate level of HTML and CSS. Vue.js questions are highly version specific and should always be tagged with [vuejs2] or [vuejs3] in addition to this tag.
vue.js
108,104
questions
0
votes
0
answers
3
views
What are the scss variables for modifying a Vuetify v-text-field outline?
I have several v-text-field in a form. I want to modify the color of the outline that has been added through Vuetify's outline prop. I am trying to add the relevant scss variables in my main.scss file ...
0
votes
1
answer
17
views
Using VueUse intersection observer for multiple elements of the same component
I need to apply an intersection observer from VueUse https://vueuse.org/core/useIntersectionObserver/#directive-usage to multiple elements. Instead of creating individual refs for each element, which ...
0
votes
0
answers
10
views
How to setup cucumber in vue to test the navigation function via BDD
I’m trying to test navigation in a Vue.js application using Cucumber.js. I want to simulate clicking a link on the home page and verify that it navigates to the about page. It seems that this brings ...
0
votes
1
answer
37
views
Module '"vue"' has no exported member 'computed'
<script setup lang="ts">
import { IonItem, IonCheckbox, IonItemSliding, IonItemOptions, IonItemOption, IonIcon } from "@ionic/vue";
import { ref, computed } from "vue&...
0
votes
1
answer
15
views
My Vue API client retrieves required data from the host and prepares an output .csv file with correct headers & IDs, but the retrieved data is missing
Here is my code: https://github.com/d0uble-happiness/discogsCSV
App.vue
<template>
<div>
<button @click="downloadSampleInputFile">Download basic sample file</...
0
votes
1
answer
14
views
v-data-table checkboxes select all checkboxes
I have a v-data-table implimented, but the show-select checkboxe's have a problem. If I click on any one of them, they all select:
This is the result.
Also note, the box that should be in the ...
0
votes
0
answers
16
views
[Vue warn]: Hydration node mismatch with v-if
I get the error "[Vue warn]: Hydration node mismatch" when using the "v-if" condition in my NavigationHeader.vue component.
Here's the technical stack used :
Vue.js v3
Nuxt.js v3
...
0
votes
0
answers
19
views
Animation of one component affects other components
I have the following layout where
The Topbar component can be shown/hidden and slides up/down
The Bottombar component can be shown/hidden and slides up/down
The Wrapper components acts as a slider ...
0
votes
0
answers
10
views
Dated page update joomla or start over in vue? [closed]
I am a front-end developer helping a friend with her website for a small business.
At the moment she has it in Joomla 2.5.11. The design is dated and we are looking to change /add some pages.
The ...
0
votes
1
answer
17
views
Where do we define middlewares in nuxt.config.js in Nuxt 3?
I'm migrating a large application from Nuxt 2 to Nuxt 3 and I decided to create a fresh Nuxt 3 application and move code from my previous version to this one but I encountered a problem in my nuxt....
0
votes
0
answers
11
views
Dynamically added inputs do not trigger edit event Vue DevExtreme
When I want to edit a data in the data list, the "onRowUpdated" function does not work when I save the dynamically added entries after editing them. I think the problem is in the data-field ...
1
vote
2
answers
29
views
Get property types in Vue Composition API [duplicate]
When importing a component is it possible to get its properties type?
For example:
import MyComponent from '.my-component.vue';
const props: ComponentProps<MyComponent> = {
};
Any idea how to ...
0
votes
0
answers
12
views
Placement on the Element Plus date picker placement not working
Placement on the Element Plus date picker in my vue project opening on the right even though placement is set as bottom. I am setting both :popper-options and placement but it is still opening on the ...
0
votes
1
answer
20
views
Add types for slot in VueJs 3
In react js library is a type that describes the children - ReactNode.
Ex:
interface Props {
children: ReactNode;
}
// Define a functional component with the specified props type
const Component = ...
0
votes
0
answers
31
views
How to close an another window opened in PWA and get back to the main frame
When i open a new window (with window.open) i can't close it. I try window.close, history.back nothing happened.
Notice that the same code, running in the browser (Firefox) works perfectly.
I am using ...