在Vue中,我們經常需要使用input來獲得用戶輸入的數據,而有些時候我們需要確保用戶輸入的是整數。下面是一段示例代碼:
<template> <div> <input v-model="age" type="number"> </div> </template> <script> export default { data() { return { age: null }; }, watch: { age: function(val) { if (!Number.isInteger(parseInt(val))) { this.age = parseInt(val); } } } }; </script>
在上述代碼中,我們首先定義了一個叫做age的數據,而這個數據的初始值是null。然后我們通過v-model指令將其與input元素進行綁定。當用戶輸入的值發生變化時,我們將會通過watch實現自定義邏輯。在這個例子中,我們首先使用parseInt函數將輸入值轉換為整數,然后再使用Number.isInteger函數進行判斷。如果輸入的值不是整數,則我們會強制將其轉換為整數,從而實現了輸入整數的功能。
上一篇html字體設置行書