antdesignvue 关闭弹框清空输入框的值
时间: 2023-10-10 20:08:03 浏览: 111
ant design vue 表格table 默认勾选几项的操作
你可以在关闭弹框的时候,手动清空输入框的值。具体的实现方法取决于你是如何实现弹框的。
假设你使用的是 `Modal` 组件,那么你可以在 `onCancel` 回调函数中清空输入框的值。例如:
```vue
<template>
<div>
<a-button type="primary" @click="showModal">打开弹框</a-button>
<a-modal :visible="visible" @cancel="handleCancel">
<a-input v-model="inputValue" />
</a-modal>
</div>
</template>
<script>
export default {
data() {
return {
visible: false,
inputValue: ''
}
},
methods: {
showModal() {
this.visible = true
},
handleCancel() {
this.visible = false
this.inputValue = '' // 清空输入框的值
}
}
}
</script>
```
在 `handleCancel` 方法中,我们将 `visible` 的值设为 `false`,关闭弹框。然后将 `inputValue` 设为空字符串,以清空输入框的值。
阅读全文