All Questions
Tagged with vuejs3 vuetifyjs3
244
questions
0
votes
0
answers
39
views
TypeError: Cannot read properties of null (reading 'insertBefore') when adding vuetify to existing vue 3 app
I'm trying to add vuetify to an existing vue3 project but it triggers this error in some views:
TypeError: Cannot read properties of null (reading 'insertBefore')
Removing <v-app> and <v-...
0
votes
1
answer
45
views
Updating component props via Vue 3 custom directive
I'm quite new to vue and if I'm understanding it correctly directives are quite different from Angular's: they are meant for DOM manipulation and not to mutate the state. That being said though I'm ...
0
votes
2
answers
47
views
How can I truncate v-data-table column content by using cellProps?
I created following data table:
<script setup lang="ts">
const headers: any = [
{
title: 'Title',
key: 'title',
cellProps: {
class: ['my-bold-class']
}
}
......
0
votes
1
answer
27
views
How can I make a constant available to each of the components in my multi-component Vue 3/Vuetify 3 app?
I have an app that I'm writing in Vue 3 and Vuetify 3. It has multiple components, all of which display monetary amounts. I want the monetary amounts to display in the format that is appropriate to ...
0
votes
2
answers
83
views
Vuetify 3 v-select not printing all options
EDIT: Here is an example: Vuetify Playground
I recently made a migration from Vue 2 to Vue 3 and fixing errors with the included Vuetify upgrade. I have a v-select which should show all the countries ...
0
votes
1
answer
34
views
How can I change all Vuetify's inputs opacity?
I created following component
<v-text-field
style="opacity: 1 !important"
class="foo"
base-color="primary"
></v-text-field>
And I noticed that its ...
2
votes
1
answer
44
views
How can I override Vuetify's default theme colors without creating a custom theme?
I'd like to change the default primary color of Vuetify's theme. I tried checking the official documentation, but I didn't find what I was looking for. I thought it would have been possible to do ...
1
vote
1
answer
82
views
How can I add a border bottom to Vuetify v-tabs?
I'd like to achieve following result:
I did it by doing this
<v-tabs>
<v-tab
v-for="(tab, i) in tabs"
:key="i"
v-bind="tab"
></v-tab>
&...
0
votes
0
answers
40
views
vue-router scroll doesn't work properly based on user action
I created following page:
<template>
<div>
<v-row>
<v-col>
<div id="c1">
<h2>Chapter 1</h2>
<div><!-...
0
votes
1
answer
64
views
@update:pagination in Vuetify3?
<template>
<v-app>
<v-container>
<div class="search-section">
<div class="search-fields">
<v-text-field v-model="...
0
votes
2
answers
47
views
How can a Vuetify 3 app determine what the local currency is when the app is run?
I am working in Vue 3 and Vuetify 3.
I would like my app to use the local currency symbol based on wherever it is running. If the app is running in the US, I want it to use the dollar sign, if it is ...
1
vote
2
answers
21
views
v-text-field adding margin at bottom on runtime, when validation fails
```<v-text-field color="primary" class="hello" v-model="form.name" label="Name" placeholder="Name" variant="outlined" hide-details="...
0
votes
1
answer
46
views
What does this error from npm-check-updates mean?
I just tried to create a new project using Vue 3, Vuetify 3, Vue-router and Pinia. I went to my c:\Vue directory, where all my source code goes, and executed npm create vuetify. This was the result:
...
0
votes
1
answer
30
views
In Vue 3, make the properties of the encapsulated component accessible and enable IDE autocomplete support
I have a vue3 component MyButton and it's a decoration of vuetify v-btn component.
I want MyButton props to extend all of the props v-btn has, and get autocomplete support from IntelliJ or VSCode, is ...
0
votes
1
answer
51
views
How can I programmatically emit update:modelValue of a wrapped Vuetify component?
I created following component:
<script setup lang="ts">
defineProps<{
langs: string[]
}>()
</script>
<template>
<v-btn-toggle>
<v-btn
v-for=&...