More than 1 year has passed since last update.

vue3 element plus で skelton

Posted at 2023-12-04

vue3 で skelton を利用したい。

hoge.vue

<el-skeleton :rows="5" animated />

高さを指定する場合は、以下のようにする

hoge.css

<style>

.custom-skeleton .el-skeleton__item {
    height: 1.5em;
}

.custom-skeleton-200 .el-skeleton__item {
    width: 200px;
}

</style>

で、使う場合は

<el-skeleton class="custom-skeleton" :rows="0" animated></el-skeleton>

これで、高さ1.5emのスケルトンが出来上がる。