myLinkedSelect

myLinkedSelect

多層聯級選單

子組件

• myLinkedSelect.vue

呼叫子組件

• test.vue

說明

const props = defineProps({
  data: {
    type: Array,
    required: true
  }
})

通过 defineProps 明确告诉 Vue，我们要从外部拿一个名为 data 的数组。

计算属性都改成基于 props.data

const countries = computed(() => props.data.map(d => d.country))

其他 cities、schools、filteredSchools 也是一样，都是从 props.data 中找对应的条目来生成列表。