城市选择

出发城市

到达城市

基础使用

这是 城市选择 的基础例子

<script setup lang="ts">
import { ref } from 'vue'

const startCity: any = ref({
  id: '',
  name: '',
})

const endCity: any = ref({
  id: '',
  name: '',
})

function onChange(item: any, type: string) {
  if (type === 'start')
    startCity.value = item
  else
    endCity.value = item
}
</script>

<template>
  <div style="padding: 10px;">
    <div>出发城市</div>
    <np-city-select
      :data="startCity"
      placement="bottom-start"
      @on-change="onChange($event, 'start')"
    />
  </div>
  <div style="padding: 10px;">
    <div>到达城市</div>
    <np-city-select
      :data="endCity"
      placement="bottom-start"
      @on-change="onChange($event, 'end')"
    />
  </div>
</template>