如何使用vejs删除小数点

Question

我在挂载模型时生成一个随机数。我想去掉&;0。&;0。和小数。我尝试添加Math.round()，但这给了我一个NaN。谁能告诉我，我错过了什么?

new Vue({
el: '#app',

data: { 
mixNumber:''
},
mounted: function(){
this.myFunction();
},

methods:{
myFunction: function () {       
this.mixNumber = Math.random();
this.roundNumber=Math.round();
}   
}
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
My ID is: {{mixNumber}}

</div>

Answer 1

您可以使用以下代码:

new Vue({
el: '#app',

data: { 
mixNumber:'',
roundNumber: ''
},
mounted: function(){
this.myFunction();
},

methods:{
myFunction: function () {       
this.mixNumber = Math.random();
this.roundNumber = this.mixNumber.toString().split(".")[1];
}   
}
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
My ID is: {{roundNumber}}

</div>