个人信息
This commit is contained in:
1 parent
8ef3dc08b9
commit
3f685ca068
4 files changed
+65
-15
No files matched your search
@@ -3,6 +3,7 @@ import { computed, ref, watch } from 'vue'
|
||||
import { nativePlaceRows } from '../data/nativePlaces.generated'
|
||||
|
||||
const model = defineModel<string>({ default: '' })
|
||||
defineProps<{ disabled?: boolean }>()
|
||||
|
||||
type Place = {
|
||||
id: number
|
||||
@@ -85,16 +86,16 @@ watch(model, (value) => {
|
||||
|
||||
<template>
|
||||
<div class="native-place-cascader">
|
||||
<el-select :model-value="selectedIds[0]" :placeholder="levelLabels[0]" filterable clearable @update:model-value="(value) => changeLevel(0, value)">
|
||||
<el-select :model-value="selectedIds[0]" :placeholder="levelLabels[0]" filterable clearable :disabled="disabled" @update:model-value="(value) => changeLevel(0, value)">
|
||||
<el-option v-for="option in provinceOptions" :key="option.id" :label="option.name" :value="option.id" />
|
||||
</el-select>
|
||||
<el-select :model-value="selectedIds[1]" :placeholder="levelLabels[1]" filterable clearable :disabled="!selectedIds[0]" @update:model-value="(value) => changeLevel(1, value)">
|
||||
<el-select :model-value="selectedIds[1]" :placeholder="levelLabels[1]" filterable clearable :disabled="disabled || !selectedIds[0]" @update:model-value="(value) => changeLevel(1, value)">
|
||||
<el-option v-for="option in cityOptions" :key="option.id" :label="option.name" :value="option.id" />
|
||||
</el-select>
|
||||
<el-select :model-value="selectedIds[2]" :placeholder="levelLabels[2]" filterable clearable :disabled="!selectedIds[1]" @update:model-value="(value) => changeLevel(2, value)">
|
||||
<el-select :model-value="selectedIds[2]" :placeholder="levelLabels[2]" filterable clearable :disabled="disabled || !selectedIds[1]" @update:model-value="(value) => changeLevel(2, value)">
|
||||
<el-option v-for="option in districtOptions" :key="option.id" :label="option.name" :value="option.id" />
|
||||
</el-select>
|
||||
<el-select :model-value="selectedIds[3]" :placeholder="levelLabels[3]" filterable clearable :disabled="!selectedIds[2]" @update:model-value="(value) => changeLevel(3, value)">
|
||||
<el-select :model-value="selectedIds[3]" :placeholder="levelLabels[3]" filterable clearable :disabled="disabled || !selectedIds[2]" @update:model-value="(value) => changeLevel(3, value)">
|
||||
<el-option v-for="option in townOptions" :key="option.id" :label="option.name" :value="option.id" />
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
Reference in new issue
Block a user