VueHook Plusvalue：
你可以在 input 框中快速输入文本，体验效果
<template>
<div style="margin-top: 16px;"><input type="text" v-model="text"></div>
<div style="margin-top: 16px;">value：{{ data }}</div>
</template>
<script lang="ts" setup>
import { ref, watch } from 'vue'
import { useRequest, useTimeout } from 'vue-hooks-plus'
function getUsername(): Promise<string> {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(`${String(Date.now())}`)
}, 1000)
})
}
const text = ref('')
const throttleWait = ref(500)
useTimeout(() => {
throttleWait.value = 3000
}, 2000)
const { data, run } = useRequest(() => getUsername(), {
throttleWait,
manual: true,
})
watch(text, () => {
run()
})
</script>
<template>
<div style="margin-top: 16px;"><input type="text" v-model="text"></div>
<div style="margin-top: 16px;">value：{{ data }}</div>
</template>
<script lang="ts" setup>
import { ref, watch } from 'vue'
import { useRequest, useTimeout } from 'vue-hooks-plus'
function getUsername(): Promise<string> {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(`${String(Date.now())}`)
}, 1000)
})
}
const text = ref('')
const throttleWait = ref(500)
useTimeout(() => {
throttleWait.value = 3000
}, 2000)
const { data, run } = useRequest(() => getUsername(), {
throttleWait,
manual: true,
})
watch(text, () => {
run()
})
</script>