vue+antd做一个简单显隐子组件的功能

需求:点击按钮就可以选择不同的查询方式

vue+antd做一个简单显隐子组件的功能vue+antd做一个简单显隐子组件的功能

第一步: 做出按钮  (想要别的样式看官网https://www.antdv.com/components/radio-cn/

第二步:给每个按钮绑定一个点击函数

vue+antd做一个简单显隐子组件的功能

第三步:将你想用的组件或者插件放在一个div里,关键的是给其绑定v-show

vue+antd做一个简单显隐子组件的功能

第四步:data()看你选择是默认显示true还是不显示false

vue+antd做一个简单显隐子组件的功能

第五步:显示方法

 vue+antd做一个简单显隐子组件的功能

第六步:我把隐藏方法放在了打开别的按钮里,就有一种切换组件的感觉

当我点击半年时,年的组件就会被隐藏,同区域出现半年的组件

vue+antd做一个简单显隐子组件的功能

 

就这样啦