<template>
  <div>
    <div class="q-pa-sm">
      <q-btn dense @click="showonly=!showonly" label="只读" :outline="!showonly" color="primary" />
    </div>
    <q-separator />
    <kyb-area :showonly="showonly" v-model="areaCode" class="q-pa-xs" />
    areaCode:{{areaCode}}
  </div>
</template>
<script>
export default {
  props: {},
  data() {
    return { areaCode: null, showonly: false }
  }
}
</script>
