tiny-vue/examples/sites/demos/mobile-first/app/amount/amount-disable.vue

29 lines
515 B
Vue

<template>
<div>
<tiny-button @click="Switchover" style="margin-bottom: 10px"> 启用/禁用 </tiny-button>
<tiny-amount v-model="value" :disabled="disabled"></tiny-amount>
</div>
</template>
<script>
import { Amount, Button } from '@opentiny/vue'
export default {
components: {
TinyAmount: Amount,
TinyButton: Button
},
data() {
return {
value: 88.88,
disabled: false
}
},
methods: {
Switchover() {
this.disabled = !this.disabled
}
}
}
</script>