uniapp u-select 二级联动

在uni-app中，u-select组件也可以实现二级联动，下面是一个简单的示例：

<template>
  <u-select v-model="selectedOption" :options="options" @change="handleChange"></u-select>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '',
      options: [
        {
          label: '省份1',
          value: 'province1',
          children: [
            {
              label: '城市1',
              value: 'city1'
            },
            {
              label: '城市2',
              value: 'city2'
            }
          ]
        },
        {
          label: '省份2',
          value: 'province2',
          children: [
            {
              label: '城市3',
              value: 'city3'
            },
            {
              label: '城市4',
              value: 'city4'
            }
          ]
        }
      ]
    }
  },
  methods: {
    handleChange(value) {
      console.log(value)
    }
  }
}
</script>

在这个示例中，options数组中包含两个省份，每个省份下面有两个城市。当用户选择一个省份时，该省份下的城市将显示在下拉菜单中。当用户选择一个城市时，selectedOption将包含选中的值。你可以根据需要使用这些值进行其他操作。