Vue.js 如何在vue js中对齐整数值? {{this.dashBoardData.closedticketscont}} 关闭

Vue.js 如何在vue js中对齐整数值? {{this.dashBoardData.closedticketscont}} 关闭,vue.js,vuejs2,vue-component,vuex,vuetify.js,Vue.js,Vuejs2,Vue Component,Vuex,Vuetify.js,this.dashBoardData.closedticketscont是整数值。我不能对齐那个整数。我尝试了很多方法,但都不管用。因此,建议一些想法以保持一致。我不完全确定你的意思,但这是什么: <div class="col-sm-3"> <i class="el-icon-error tst1 " style="font-size: 50px;"/><br> <div class="my-auto"> {{this.dashBoa

this.dashBoardData.closedticketscont是整数值。我不能对齐那个整数。我尝试了很多方法,但都不管用。因此,建议一些想法以保持一致。

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

<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.closedticketscont}
关闭

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

您希望如何对齐、居中对齐或让对齐,以确保您拥有完整的代码和模板截图。我希望居中对齐。您可以创建代码笔或使用完整的代码更新您的问题吗,这将真正有助于更轻松地解决您的问题。。
<v-layout row justify-center align-center>
    <div>{{this.dashBoardData.closedTicketsCount}}</div>
    <div style="font-size: 20px;">Closed</div>
</v-layout>