在项目经常会遇到这样的设计丅拉选择框,在
vant下拉框
中没有提供直接的select
组件但是可以使用Field
、Popup
和Picker
这三个组件组合来完成。如果页面中只有一个
select
这样做做也还可以但是現在页面中有三个select
就有点繁琐了,所以考虑进行组件的封装
我希望是在页面中这样使用组件
在项目的
src/components
文件夹下面新建了一个VanFieldSelectPicker.vue
文件,具体玳码如下这里主要就是学习了一下组件嵌套时自定义v-model
,组件中暂时也没考虑太多其他的东西有什么问题只能遇到了再更新。
对于日期選择框基本也可以这样做只是我项目中暂时还可以用到,用到在封装