https://github.com/atqq/school-picker
适用于uni-app开发框架的组件,全国高校(大学)选择器
https://github.com/atqq/school-picker
components uni-app vue
Last synced: about 1 month ago
JSON representation
适用于uni-app开发框架的组件,全国高校(大学)选择器
- Host: GitHub
- URL: https://github.com/atqq/school-picker
- Owner: ATQQ
- License: mit
- Created: 2019-10-03T07:31:40.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-10-09T01:25:41.000Z (over 5 years ago)
- Last Synced: 2025-04-10T01:07:44.671Z (about 1 month ago)
- Topics: components, uni-app, vue
- Language: JavaScript
- Homepage: https://ext.dcloud.net.cn/plugin?id=830
- Size: 771 KB
- Stars: 17
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# school-picker
适用于uni-app开发框架的组件,**全国高校(大学)选择器**
## 组件说明
>基于[mpvue-citypicker](https://github.com/MPComponent/mpvue-citypicker)修改地区部分数据实现
>高校数据来源于[cn-universitysrv](https://github.com/516134941/cn-universitysrv)项目
>GitHub完整文档预览:[school-picker](https://github.com/ATQQ/school-picker)
## 效果
### 只能选择学校
### 省/市/学校 选其一
### 微信小程序
## 简单使用
1. 将components目录下的schoolPicker目录拷贝至所需项目
2. [调用代码](pages/easyDemo/easyDemo.vue)
```vue
只选择学校
省/市/学校
{{schoolData}}
查看另一demo
//高校学校列表组件
import schoolPicker from '../../components/schoolPicker/schoolPicker.vue';
export default {
components: {
schoolPicker
},
data() {
return {
schoolData: ''
}
},
methods: {
/**
* 打开学校选择器
*/
showSchoolPicker: function() {
this.$refs.schoolPicker.show()
},
/**
* 打开 省/市/学校 选择器
*/
showSchoolPicker2: function() {
this.$refs.schoolPicker2.show()
},
/**
* 确认学校选择
*/
onConfirm(e) {
const school = e.label.split("-")[2];
console.log(`源数据:${JSON.stringify(e)}`);
if (school === '暂未收录') {
return;
} else {
this.schoolData = school;
console.log(`学校:${school}`);
}
},
/**
* 确认 省/市/学校 选择
*/
onConfirm2(e) {
this.schoolData = e.label.split("-").reverse().find(v => v != '所有');
}
}
}
```
## 组件参数
### onlySchool
* 说明:组件是否只能选择学校数据
* 类型:Boolean
* 可选值:true/false
* 是否必填:否
* 默认值:true
### 其他参数
> 参考[mpvue-citypicker](https://github.com/MPComponent/mpvue-citypicker/blob/master/README.md)组件参数