Stack Overflow
Stack Overflow

Questions tagged [vue-material]

Vue Material is a framework built exactly according to the Material Design specs. It is used to build web apps that can fit on every screen.

167 questions
13
votes
1 answer

VueJS: @keydown, @keyup, and this.$refs works with input, but not with md-textarea

I have successfully completed a basic speed typing game using vue.js. For the "typing box", I used , and everything worked fine. However, when I added more levels to my game, with longer sentences for the user to type, I have identified the…
ITWitch
  • 1,729
  • 5
  • 20
  • 38
8
votes
1 answer

How to apply custom/override CSS on Vuetify component?

Suppose I have added the v-text-field component of Vuetify in my Vue component like When I inspect that element, it generates normal HTML like
Ronak Solanki
  • 105
  • 1
  • 1
  • 10
7
votes
2 answers

How do I change colors on a Vue Material theme

I am using the Vue Material default-dark theme by adding the following into my index.js file... // index.js Where the vue instance is instantiated import 'vue-material/dist/theme/default-dark.css'; ... import Vue from…
Jackie
  • 21,969
  • 32
  • 147
  • 289
6
votes
1 answer

Vue 3 : Receiving "r.default is not a constructor" error while using Vue Material

I am working on Vue3 project with vue-material library. But after using the vue-material library I am receiving the following error r.default is not a constructor. I traced it back and found that its coming from…
Gursewak Singh
  • 642
  • 1
  • 7
  • 20
5
votes
0 answers

Why is rollup-plugin-sass not seeing imports using ~?

I am trying to port the vue-material library to ESM so I can use it in a project. I am trying to use rollup with rollup-plugin-sass. I have the following rollup config... import VuePlugin from 'rollup-plugin-vue'; import css from…
Jackie
  • 21,969
  • 32
  • 147
  • 289
5
votes
2 answers

How to implement the new Material Design Bottom App Bar

My company currently uses Vue and scss to build our latest PWA. Given certain conditions (based on the user profile), the left drawer should be replaced by a Bottom App Bar. We are using Vue Material but our UX and UI designer chose to use the…
Corentin Donzelli
  • 73
  • 5
5
votes
1 answer

I am attempting to add a background image to my vue.js project

I want to add a background image that covers the whole page. However this is how it looks now : I want it to span the whole web page. How would this be done in vue.js? I also want an animated toolbar so that when the page is not scrolling the…
Waltham WECAN
  • 481
  • 4
  • 11
  • 26
4
votes
1 answer

Pages not listed in Vue Material md-tabs throw a "Uncaught TypeError: Cannot read property 'parentNode' of null"

I'm using Vue Material, and their md-tabs component to manage the application tabs (Home, Profile ...). I'd like to create a /404 page, which obviously cannot be a tab :) To do so I simply add a /404 entry to the router: const routes = [ { path:…
Pleymor
  • 2,611
  • 1
  • 32
  • 44
4
votes
1 answer

Vue - How do you render sub-rows in a table when you are only allowed one root component?

I'm trying to figure out the best way to render sub rows in a table. I'm developing what's essentially a table+accordion. That is, the table adds more rows when you click on it to show more details for that entry. My table is located in the…
Brian Boyko
  • 613
  • 6
  • 15
4
votes
0 answers

Applying vue-material theme style

I'm trying to apply a vue-material style to an active menu option; The following works well: