Skip to main content

All Questions

Tagged with
0 votes
0 answers
206 views

Adding styles to component defined using `defineComponent`

Is it possible to somehow add styles to a component I defined using the defineComponent function in Vue 3? Let's use this as an example: import { defineComponent, h } from "vue"; export ...
Matej's user avatar
  • 271
0 votes
1 answer
85 views

How do I use BEM in a component structure?

I am currently trying to use BEM in a training project. To start with. I like having structure in my CSS. However, I am having a problem using BEM correctly. In the current case I don't know if I have ...
Maik Lowrey's user avatar
  • 17.6k
0 votes
1 answer
1k views

How would I add CSS styling to the current Vue.js template?

I have started learning Vue.js and so far, I understand that that styling child components can be done by referring to the classes, ids and tags defined in the component's template. Take the following ...
Ed The ''Pro'''s user avatar
0 votes
0 answers
286 views

Component styles not working properly - Vuetify

I am using Vuetify as the component framework of my Vue 2 app. While some styling such as with the v-card component and properties like elevation work, some components do not have the correct styling. ...
mikeym's user avatar
  • 6,421
0 votes
2 answers
571 views

Am I able to use properties on the index.html file on the vuejs mount element?

<!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> ...
Kody V's user avatar
  • 21
1 vote
0 answers
194 views

Adding style-sheet to Vue.js component WITHOUT using Vue-CLI

I'm new to Vue.js and I like the idea behind the system to be good for both small and large complexity projects (the so called "Progressive" approach). However I think one thing breaks away ...
Felix.leg's user avatar
  • 769
0 votes
0 answers
424 views

Vue Styling a Child Component Form and Form Elements

I am trying to style a form within a child component and am having problems with the \deep\, >>>, and ::v-deep selector targeting of <form>, <input>, or <button> elements. /...
stoi2m1's user avatar
  • 846
0 votes
1 answer
406 views

Vue.js rewriting orderBy Filter in v-for

Since the orderBy Filter is removed in vue.js v-2 I want to now how one can rewrite this codepart: <li class="day" v-for="day in days | orderBy 'unix' 1" v-bind:class="{ 'outside': day....
stepbysteptomathpro's user avatar
2 votes
1 answer
2k views

How to prevent render page from jumping in vuejs?

I have a vue application and I load async components. The problem is the page render is jumping. For example, in the picture I load header, intro, slide components (and more components after slide ...
Jon Sud's user avatar
  • 11.8k
0 votes
1 answer
219 views

Vue styling components

I have a basic vue component. It looks like this: <script> export default { props: { source: { type: String, required: true, } }, } </script> <template> ...
mart cube's user avatar
  • 675
1 vote
1 answer
2k views

Vue: how to change the style of scoped child components

I use vant ui components in vue, like buttons, I want to make a litte changes of it's style, like color, border ...., but I don't how to complete it, anyone could help me solve the problem? Thanks in ...
Eric.D's user avatar
  • 281
2 votes
1 answer
1k views

Pass style description to child component

How do I define a style in a parent component and then pass it to a child component e.g.? <style> .teststyle { background-color: red; width: 100px; } </style> I thought ...
jimscafe's user avatar
  • 1,091
2 votes
3 answers
2k views

How to apply css style after createElement in vue component?

<template> <div id="body"> <button type="button" @click="create">Create</button> </div> </template> <script> export default { methods: { ...
ofleaf's user avatar
  • 615
0 votes
1 answer
697 views

same component with different background-color

I've created a component and use it multiple times on one of my vue pages. Now I wanna change the background-color for each use of this component. This is my component: <template> <div ...
iamrobin.'s user avatar
  • 1,634
3 votes
2 answers
3k views

Change of font in Vue-Material doesn't work

Below is my App.vue file code and I faced the problem with change of the font in md-tabs, component from https://vuematerial.io/components/tabs. The line in CSS: background: #42A5F5; works, but this ...
Beorn's user avatar
  • 437

15 30 50 per page