uniapp中input限定二位小数

在uni-app中,可以使用input组件的type属性设置输入框的类型为number,然后通过step属性设置输入框的步长为0.01,这样就可以限定输入的值只能为二位小数。

示例代码如下:

<template>
<view class="content">
<input type="number" step="0.01" v-model="inputValue" placeholder="请输入二位小数" />
<button @tap="submit">提交</button>
</view>
</template>

<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
submit() {
console.log(this.inputValue)
}
}
}
</script>

<style scoped>
.content {
padding: 20rpx;
}
</style>

在上面的示例中,input组件的type属性设置为number,step属性设置为0.01,这样输入框只能输入数字,并且只能保留两位小数。然后通过v-model将输入框的值绑定到inputValue变量上,可以在submit方法中获取到输入框的值。