All Questions
19 questions
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 ...
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 ...
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 ...
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.
...
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" />
...
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 ...
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.
/...
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....
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 ...
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>
...
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 ...
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 ...
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: {
...
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 ...
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 ...