tiny-vue/examples/sites/demos/pc/app/user/event-change.vue

34 lines
630 B
Vue

<template>
<tiny-user v-model="user" multiple @change="change" @focus="handleFocus" @blur="handleBlur"></tiny-user>
</template>
<script>
import { User, Modal } from '@opentiny/vue'
export default {
components: {
TinyUser: User
},
data() {
return {
user: '441047913162396,702973890055088,421000103624183'
}
},
methods: {
change(val) {
Modal.message({ message: `${val}`, status: 'info' })
},
handleFocus() {
Modal.message({
message: '组件聚焦'
})
},
handleBlur() {
Modal.message({
message: '组件失焦'
})
}
}
}
</script>