首页 > 解决方案 > 如何在 vue js 中对齐 Integer 值?

问题描述

<div class="col-sm-3">
   <i class="el-icon-error tst1 " style="font-size: 50px;"/><br>
   <div class="my-auto"> {{this.dashBoardData.closedTicketsCount}}</div><br>
   <span style="font-size: 20px;">Closed</span>
</div>

this.dashBoardData.closedTicketsCount 是 INTEGER 值。我无法对齐该整数。我尝试了很多方法,但没有什么是行不通的。所以建议一些想法来对齐。

标签: vue.jsvuejs2vue-componentvuexvuetify.js

解决方案


我不完全确定你的意思,但这是什么:

<v-layout row justify-center align-center>
    <div>{{this.dashBoardData.closedTicketsCount}}</div>
    <div style="font-size: 20px;">Closed</div>
</v-layout> 

然后 this.dashBoardData.closedTicketsCount 与文本对齐。


推荐阅读