Ruby on railsのAPIをVueで出力するアプリを作成中です。
Vuetifyを導入しようとしています。
vue
1<template> 2 <div> 3 <v-btn color="success">Success</v-btn> 4 <v-btn color="error">Error</v-btn> 5 <v-btn color="warning">Warning</v-btn> 6 <v-btn color="info">Info</v-btn> 7 </div> 8</template> 9<script lang="ts"> 10 import Vuetify from "vuetify"; 11 import 'vuetify/dist/vuetify.min.css'; 12 Vue.use(Vuetify); 13 14 @Component 15 export default class HomeContainer extends Vue {} 16</script>
ボタンの周りを <div>
で囲った場合、色がつかないのですが、
<v-app> <v-btn color="success">Success</v-btn> <v-btn color="error">Error</v-btn> <v-btn color="warning">Warning</v-btn> <v-btn color="info">Info</v-btn> </v-app>
<v-app>
で囲った場合、色はつくのですが、幅が100%になってしまいます。
そしてアラートが逆に幅が小さくなってしまいます。
原因わかる方いらっしゃいますか?
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。