在vue3中使用v-if控制组件a-table的显隐性,控制条件是,是否点击过检索按钮
时间: 2023-05-17 20:03:06 浏览: 94
Vue条件循环判断+计算属性+绑定样式v-bind的实例
可以使用一个变量来控制组件a-table的显隐性,例如:
```
<template>
<div>
<button @click="search">检索</button>
<a-table v-if="showTable"></a-table>
</div>
</template>
<script>
export default {
data() {
return {
showTable: false
}
},
methods: {
search() {
// 点击检索按钮后,将showTable设置为true,显示a-table组件
this.showTable = true
}
}
}
</script>
```
当点击检索按钮后,showTable变量会被设置为true,a-table组件就会显示出来。
阅读全文