tiny-vue/examples/sites/demos/pc/app/area/area-events.vue

45 lines
845 B
Vue

<template>
<tiny-area
v-model="value"
placeholder="请选择"
@change-region="changeRegion"
@change-rep="changeRep"
@change-office="changeOffice"
></tiny-area>
</template>
<script>
import { Area, Notify } from '@opentiny/vue'
export default {
components: {
TinyArea: Area
},
data() {
return {
value: ['3623', '4199', '649991', '661414']
}
},
methods: {
changeRegion(value) {
Notify({
message: '当前选择的 Region 为:' + value,
position: 'top-right'
})
},
changeRep(value) {
Notify({
message: '当前选择的 Rep 为:' + value,
position: 'top-right'
})
},
changeOffice(value) {
Notify({
message: '当前选择的 Office 为:' + value,
position: 'top-right'
})
}
}
}
</script>