school picker

学校ピッカー

UNI-APP開発フレームワーク、国立大学（大学）セレクターに適したコンポーネント

コンポーネントの説明

MPVUE-CityPickerに基づいた地域データの変更の実装

大学のデータは、CN-UniversitySRVプロジェクトからのものです

Githubフルドキュメントプレビュー：学校ピッカー

効果

学校のみを選択してください

州/市/学校のいずれかを選択してください

WeChatアプレット

簡単な使用

1. コンポーネントディレクトリの学校ピッカーディレクトリを必要なプロジェクトにコピーします
2. コードを呼び出します

< template >
	< view >
		< button type = " primary " @click = " showSchoolPicker " >只选择学校</ button >

		< button style = " margin-top : 1 rem ; " type = " primary " @click = " showSchoolPicker2 " >省/市/学校</ button >

		< view style = " margin-top : 1 rem ; text-align : center ; " >{{schoolData}}</ view >
		<!-- 学校选择组件-->
		< schoolPicker themeColor = " #000 " ref = " schoolPicker " @onConfirm = " onConfirm " >
		</ schoolPicker >
		
		< schoolPicker :onlySchool = ' false ' themeColor = " #000 " ref = " schoolPicker2 " @onConfirm = " onConfirm2 " >
		</ schoolPicker >
		
		<!-- demo 跳转 -->
		< navigator url = " ../index/index " style = " margin-top : 1 rem ; " >
			< button type = " default " >查看另一demo</ button >
		</ navigator >
		
	</ view >
</ template >

< script >
	//高校学校列表组件
	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 != '所有' );
			}
		}
	}
</ script >

コンポーネントパラメーター

唯一の学校

• 説明：コンポーネントが学校のデータのみを選択できるかどうか
• タイプ：Boolean
• オプションの値：true/false
• それが必要かどうか：いいえ
• デフォルト値：true

その他のパラメーター

MPVUE-CityPickerコンポーネントパラメーターを参照してください