Vuetify 设置 Snackbar 显示位置
Vuetify About 943 wordslocation
添加location
属性可以改变v-snackbar
默认的显示位置。
默认的location
等于bottom
,为底部居中。
顶部居中
<v-snackbar v-model="snackbar" location="top">
{{ text }}
</v-snackbar>
顶部靠左
<v-snackbar v-model="snackbar" location="start top">
{{ text }}
</v-snackbar>
顶部靠右
<v-snackbar v-model="snackbar" location="end top">
{{ text }}
</v-snackbar>
中间居中
<v-snackbar v-model="snackbar" location="center">
{{ text }}
</v-snackbar>
中间靠左
<v-snackbar v-model="snackbar" location="start center">
{{ text }}
</v-snackbar>
中间靠右
<v-snackbar v-model="snackbar" location="end center">
{{ text }}
</v-snackbar>
底部居中(默认值)
<v-snackbar v-model="snackbar" location="bottom">
{{ text }}
</v-snackbar>
底部靠左
<v-snackbar v-model="snackbar" location="start bottom">
{{ text }}
</v-snackbar>
中间靠左
<v-snackbar v-model="snackbar" location="end bottom">
{{ text }}
</v-snackbar>
Views: 718 · Posted: 2024-02-16
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb/LiteNote扫描下方二维码关注公众号和小程序↓↓↓
Loading...