Category "vuejs3"

How to get selected option text in vue form multiselect?

Currently i'm working with vue-form multiselect( https://www.npmjs.com/package/@vueform/multiselect) which is a vue select component. In this select box i need

How to maintain proper typescript type on Vue component data?

I'm working on a Vue project that I'm updating to Vue 3 with typescript. I've found a strange behavior with the typescript parser/compiler. I have the followin

Vue3 webcomponents production build problem

I'm trying to migrate my vue2 webcomponent to vue3, although the problem comes when i'm creating a build for production. I was using the vue-cli with --target w

Does Vue 3 Teleport only works to port outside vue?

Vue 3 has a new Teleport feature which replaces the portal-vue plugin in vue 2. However, I found that it is impossible to port a component to a place that is co

Could vue3 <script setup> use component is, how to make it work?

I am new beginner of vue3 and found that vue have three way to write component: <script setup> normal-setup/composition api options api. I know how to use

Is it possible to access data / html context from root Vue 3 component

I have used Vue in the past but am struggling with how to pass information / args to a root Vue 3 component. In my html, I'd like to have something like this:

Uncaught TypeError: Cannot read properties of undefined (reading 'deep')

I am develop a google chrome extension using vue3 + typescript. I use v-link like this in the vue3 template like this: <li> <a v-link="{name:'about'

Uncaught TypeError: Cannot read properties of undefined (reading 'deep')

I am develop a google chrome extension using vue3 + typescript. I use v-link like this in the vue3 template like this: <li> <a v-link="{name:'about'

Uncaught Error: Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: Unexpected token (24:11)

I am using vue 3 to develop a google chrome extension. I want return a simple div in Vue 3 render function, this is the code looks like: import client from './c

Uncaught TypeError: Cannot read properties of undefined (reading 'extend') after upgrade vue to 3.x

Today I upgrade my google chrome extension vue version to 3.x, when run the app, the google chrome extension popup console shows error like this: commons1.js:13

How to toggle to dark mode in Vue JS and Tailwind CSS

I want to toggle to dark mode in Vue JS and Tailwind CSS with Dark class in tailwind, but I don't have idea what I should do. I code a little and I want to try

How to create reusable toastService with primeVue toast?

I want to know if there's a way to create a reusable scritp/class/service with primevue toast function calls, in such a way that I don't need to call the primev

Set dynamic class depending of parameter received

I'm new using Vuejs and I have a component that I want to set height value only if I send a parameter in props So, my class is something like this: <input

How do you call methods in vue3-carousel

Very new to using vue, I just got simple question on how I could access the API supplied by vue3-carousel according to the docs: https://ismail9k.github.io/vue3

How to bind an empty array to the props in Vue.js3?

<script lang="ts" setup> interface Props { bigArray: string[]; } ***const props = withDefaults(defineProps<Props>(), { big

How to use vue router and vuex inside custom element from root?

I have project with nested custom elements. Now I need to vuex & vue router. How I can use this packages from root custom element and then use in all child

How to correctly declare static refs in Composition API using Typescript?

I am using the Composition API (with <script setup lang='ts'>) to create a ref, used in my template: const searchRef = ref(null) onMounted(() => { sear

Vue 3 Composition API: Update Child components props dynamically when values update from the parent component

I am trying to update a prop value when the data from the parent component gets updated and passes through the prop. The parent value always updates but does no

Add many 3d objects on mapbox map using three.js

I want to add about 20.000 plane geometries on mapbox map. Docs have example with only one object(even camera configured for one object). My purpose - isometric

Vue3 Vuex Persist not saving data appropriately

I'm having a difficult time getting Vuex-Persist to work properly. Basically, not saving the data it should: Secondly, it disappears upon refresh. Which defeat