<template>
<div>
<select v-model="selectedOption">
<option value="">请选择</option>
<option v-for="option in options" :key="option.value" :value="option.value">{
{ option.label }}</option>
</select>
<select v-model="selectedOption2" :disabled="!selectedOption">
<option value="">请选择</option>
<option v-for="option2 in cities.filter(c => c.parent === selectedOption)" :key="option2.value">{
{ option2.label }}</option>
</select>
</div>
</template>
<script>
export default {
name:'App',
data() {
return {
options: [
{ value: 'p1', label: '上海' },
{ value: 'p2', label: '北京' },
{ value: &
vue级联选择框(先选择省份而后根据省份选择市区例题为例)
最新推荐文章于 2023-10-25 13:54:02 发布