小编Tes*_*tas的帖子

我想将样式添加到v-html. 我尝试了几种解决方案，但没有任何功能:(

这是我的代码：

模板 ：

<div
  class="para"
  v-html="value" 
/>

脚本 ：

export default {
  data () {
    return {
      value : "<h2> TITLE </h2> <p> PARA </p>"
    }
  },
}

风格 ：

.para >>> h2 {
  color: blue;
}

.para >>> p {
  color: red;
}

提前致谢 ！

我目前正在制作网站的登录页面，但无法正确地将我的 v 卡水平和垂直居中。我得到的最好成绩是这个：

<template>
    <v-layout align-center justify-center column fill-height>
        <v-flex row align-center>
            <v-card>
                <v-toolbar color="primary" >
                    <v-toolbar-title>Login</v-toolbar-title>
                </v-toolbar>
                <v-text-field label="Email" v-model="email"/>
                <v-text-field label="Password" v-model="password" />
                <v-footer>
                    <div>
                        <v-btn color="primary" v-on:click="login()">Login</v-btn>
                        <p>I don't have account: <a>Register</a></p>
                    </div>
                </v-footer>
            </v-card>
        </v-flex>
    </v-layout>
</template>

<script>
export default {
    name: 'Login',
    data() {
        return {
            email: "",
            password: ""
        }
    },
    methods: {
        login() {
            console.log('login')
        }
    }
}
</script>

但这样一来，文本线程就被压缩了，我无法放大它。在此先感谢您的帮助。