我正在嘗試在 Vue 3 中設定一個數字輸入欄位，以防止用戶輸入低于 1 的值。到目前為止，我有以下輸入，其中 min = 1 以防止單擊 1 以下的輸入箭頭：
<input min="1" type="number" />
但是，用戶仍然可以手動輸入 0 或負數。如何防止用戶輸入低于 1 的數字？
uj5u.com熱心網友回復：
您可以檢查以下值keyup：
const { ref } = Vue
const app = Vue.createApp({
setup() {
const numValue = ref(null)
const setMin = () => {
if(numValue.value < 1) numValue.value = null
}
return { numValue, setMin }
},
})
app.mount('#demo')<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<div id="demo">
<input @keyup="setMin" min="1" v-model="numValue" type="number" />
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/487047.html
標籤：javascript Vue.js 验证 输入 Vuejs3