forked from opentiny/tiny-vue
34 lines
676 B
Vue
34 lines
676 B
Vue
<template>
|
||
<div style="display: flex">
|
||
<tiny-numeric :change-compat="false" v-model="value" @change="onChange"></tiny-numeric>
|
||
<tiny-button @click="clickChange">修改</tiny-button>
|
||
</div>
|
||
</template>
|
||
|
||
<script lang="ts">
|
||
import { Numeric, Modal, Button } from '@opentiny/vue'
|
||
|
||
export default {
|
||
components: {
|
||
TinyNumeric: Numeric,
|
||
TinyButton: Button
|
||
},
|
||
data() {
|
||
return {
|
||
value: 1
|
||
}
|
||
},
|
||
methods: {
|
||
onChange(newVal: number, oldVal: number) {
|
||
Modal.message({
|
||
message: '新值：' + newVal + '，旧值：' + oldVal,
|
||
status: 'info'
|
||
})
|
||
},
|
||
clickChange() {
|
||
this.value = 22
|
||
}
|
||
}
|
||
}
|
||
</script>
|