uni-app 3級連動ノート


uniapp公式コンポーネントpicker uniappは3級連動pickerを使用し、公式ドキュメント省市街地セレクタは5+app、h 5と支付宝ウィジェットを適用せず、プラグイン(日付、時間、3級連動picker)(mpvue-picker)の日付、時間、3級連動pickerというプラグインに注意事項があり、Hbuilder Xでプラグインを導入するとpage/index/indexを上書きする.vueというファイルは、注意が必要です.日付、時刻、3段連動pickerプラグインプラグインプラグインを表示するには、要素にクリックメソッドclick(){this.KaTeX parse error:Expected'EOF',got'}'at position 20:....picker.show();}̲,プラグインの作者はthis.refs.picker.show();プラグインを表示して、しかし適用する時、間違いを報告することができて、私自身の原因かもしれませんが、私は彼のコードに従って書いていません.私は3級の連動が必要で、後でthis.$に変更します.refs.region.show();適用できます.前回のコードは、3級連動を除いて、他のpickerは公式ドキュメントを適用しています.



	import wPicker from "@/components/w-picker/w-picker.vue";
	export default {
		components: {
			wPicker
		},
		data() {
			return {
				gender: [' ', ' '],
				array: [' ', ' ', ' ', ' ', ' ', ' '],
				uploadInfo: {
					nickname: '', // 
					avatar: '',
					gender: '', // 
					birthday: '', // 
					mobile: '', // 
					grade: '', // 
					province: '', // 
					city: '', // 
					area: '', // 
					region: []
				}
			}
		},
		onLoad() {

		},
		methods: {
			// 
			bindSexChange(e) {
				this.uploadInfo.gender = e.target.value;
			},
			// 
			bindBirthdayChange(e) {
				this.uploadInfo.birthday = e.target.value;
			},
			// 
			bindClassChange(e) {
				this.uploadInfo.grade = e.target.value;
			},
			// 
			toggleTab() {
				this.$refs.region.show();
			},
			// 
			bindCityChange(e) {
				this.uploadInfo.region=e.checkArr;
			},
			// 
			sengjibtn(){
				console.log(1);
			}
		},
		mounted() {

		}
	}





mpvue-pickerこれは比較的簡単で、著者が提供したものに基づいて作成されます.mpvue-pickerは地域を選択して取得した省市街地を文字列とし、最初は配列で、個人的には配列が便利だと思います.保存するときに省市街地をデータベースに保存しなければならないからです.以上は個人学習の仕事で理解したものにすぎない.
最后に、もし私のノートがあなたに役に立つならば、私に1つのいいね~ありがとうございます!