vue3+ts点击按钮清空输入框的值
时间: 2023-08-30 12:05:27 浏览: 269
好的,请问您需要的是类似于以下代码的功能吗?
```typescript
// 在 Vue3 的组件中,使用 TypeScript 编写
<script lang="ts">
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
const input = ref('')
const clearInput = () => {
input.value = ''
}
return {
input,
clearInput,
}
},
})
</script>
<template>
<div>
<input type="text" v-model="input" />
<button @click="clearInput">清空</button>
</div>
</template>
```
以上代码中,我们通过 `ref` 来创建输入框的值,并在 `setup()` 中创建了清空输入框的函数 `clearInput()`。在模板中,我们使用 `v-model` 来绑定输入框的值,并给清空按钮绑定 `click` 事件来调用 `clearInput()` 函数。这样,点击按钮就能够清空输入框的值了。
阅读全文