tiny-vue_version0/examples/sites/demos/pc/app/currency/set-default-custom-service.vue

51 lines
1.1 KiB
Vue

<template>
<tiny-currency
v-model="value"
placeholder="请选择"
set-default
:fetch-default-currency="fetchDefaultCurrency"
:set-default-currency="setDefaultCurrency"
@change="change"
></tiny-currency>
</template>
<script>
import { Currency, Modal } from '@opentiny/vue'
export default {
components: {
TinyCurrency: Currency
},
data() {
return {
value: '',
defaultCurrency: 'VUV'
}
},
methods: {
change(value) {
Modal.message({ message: `当前值为 ${value}`, status: 'info' })
},
fetchDefaultCurrency() {
return new Promise((resolve) => {
setTimeout(() => {
resolve(this.defaultCurrency)
}, 500)
})
},
setDefaultCurrency(value) {
return new Promise((resolve) => {
setTimeout(() => {
this.defaultCurrency = value
Modal.message({ message: `设置默认值成功,值为${value} `, status: 'success' })
resolve(value)
}, 500)
})
}
},
created() {
console.log(this.$service?.base.getEnvInfo())
}
}
</script>