<vxe-modal> 里的关闭按钮如何绑定刷新页面
时间: 2024-03-17 16:43:34 浏览: 164
如果你想在 <vxe-modal> 组件的关闭按钮被点击时刷新页面,可以使用 window.location.reload() 方法来实现。例如:
```html
<template>
<div>
<vxe-modal v-model="showModal" title="弹出窗口">
<p>这是一个弹出窗口。</p>
<template #footer>
<button @click="showModal = false">取消</button>
<button @click="confirm">确定</button>
</template>
<template #cancel>
<button @click="onCancel">关闭</button>
</template>
</vxe-modal>
</div>
</template>
<script>
export default {
data() {
return {
showModal: false
}
},
methods: {
confirm() {
// 点击确定按钮后的操作
},
onCancel() {
window.location.reload()
}
}
}
</script>
```
在这个例子中,我们在 onCancel 方法中使用 window.location.reload() 方法来刷新页面。当关闭按钮被点击时,onCancel 方法就会被调用,页面就会被刷新。
阅读全文