mobile-workflow/components/form/NumberInput.vue

35 lines
784 B
Vue
Raw Normal View History

2024-04-28 10:10:03 +08:00
<template>
<uni-easyinput :inputBorder="false" class="w-form-input" v-if="!readonly" type="digit" v-model="_value" :placeholder="formProps.placeholder || '请输入数值'"/>
<text class="w-form-input-rv" v-else>{{_value}}</text>
</template>
<script setup>
import {computed} from 'vue'
import {parseNumber} from '@/utils/tool.js'
const props = defineProps({
formProps: {
type: Object,
default: () => {
return {}
}
},
modelValue: Number | String,
readonly: Boolean
})
const _value = computed({
get() {
return parseNumber(props.modelValue, props.formProps.precision)
},
set(val) {
emits('update:modelValue', parseNumber(val, props.formProps.precision))
}
})
const emits = defineEmits(['update:modelValue'])
</script>
<style>
</style>