?一.使用vant組件?validate屬性 實(shí)現(xiàn)觸發(fā)指定輸入框rules校驗(yàn)，滿(mǎn)足校驗(yàn)通過(guò)否則失敗
?1.給form表單綁定 ref并定義值名稱(chēng) ，然后為你想校驗(yàn)的表單綁定 name值
<van-form ref="form">
<van-field name="mobilenNmber" v-model="mobile" :rules="[
{ required: true, message: '賬號(hào)不能為空' },
{ pattern: /^(?:(?:\+|00)86)?1\d{10}$/, message: '請(qǐng)輸入11位手機(jī)號(hào)' }
]"
></van-field>
</van-form>2.為ref的值名稱(chēng)定義變量名?，然后 ref值名稱(chēng).value.validate('name值名稱(chēng)')，.then接收成功 ， .catch 接收失敗
<script setup lang="ts">
const form = ref()
form.value.validate('mobilenNmber').then((result: any) => {
console.log(result); //成功后執(zhí)行
}).catch((err: any) => {
console.log(err); //失敗后執(zhí)行
});
</script>?
二.?setTimeout和 setInterval 區(qū)別?
1.執(zhí)行時(shí)間間隔
- setinterval: 會(huì)按照設(shè)定的時(shí)間 間隔循環(huán)執(zhí)行，一直執(zhí)行，直到被清除。
- setTimeout: 會(huì)在設(shè)定的時(shí)間 間隔之后 只執(zhí)行一次
2.循環(huán)執(zhí)行與單次執(zhí)行
- setinterval：函數(shù)會(huì)按照設(shè)定的時(shí)間間隔周期性地重復(fù)執(zhí)行，直到被清除。
- setTimeout：函數(shù)只會(huì)執(zhí)行一次，執(zhí)行后不會(huì)再重復(fù)執(zhí)行。
3.函數(shù)觸發(fā)時(shí)機(jī)
- setinterval：每個(gè)時(shí)間間隔過(guò)后立即觸發(fā)函數(shù)執(zhí)行。
- setTimeout：在設(shè)定的時(shí)間 間隔過(guò)后觸發(fā)函數(shù)執(zhí)行。
4.清除定時(shí)任務(wù)的方法文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-509810.html
-
setInterval的清除方法是clearInterval，它接受一個(gè)參數(shù)，即setInterval返回的定時(shí)器標(biāo)識(shí)符。調(diào)用clearInterval可以停止setInterval循環(huán)執(zhí)行。 -
setTimeout的清除方法是clearTimeout，它接受一個(gè)參數(shù)，即setTimeout返回的定時(shí)器標(biāo)識(shí)符。調(diào)用clearTimeout可以取消尚未執(zhí)行的setTimeout。
注意：setinterval和setTimeout返回的是一個(gè)定時(shí)器標(biāo)識(shí)符，可以使用該標(biāo)識(shí)符來(lái)清除相應(yīng)的定時(shí)任務(wù)。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-509810.html
到了這里，關(guān)于【Vue3+Ts project】vant4 實(shí)現(xiàn)觸發(fā)指定表單 rules校驗(yàn)、setTimeout和 setInterval 區(qū)別的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
