支付金额显示两位小数

最新推荐文章于 2024-07-17 13:29:53 发布

米白蓝

最新推荐文章于 2024-07-17 13:29:53 发布

阅读量114

点赞数

分类专栏： work 文章标签： uni-app

本文链接：https://blog.csdn.net/qq_50563868/article/details/126715084

版权

work 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<template>
	<view>
		 <input type="text" placeholder="请输入金额" v-model="money"  style="border: 1px solid #000;" @click="open"/>
		 <view class="">￥{{money | format}}</view>
		 <cu-keyboard ref="cukeyboard" @change="change" @confirm="confirm"></cu-keyboard>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				money:null,
			}
		},
		methods: {
			change(e) {
				console.log(e);
				this.money = e
			},
			confirm(e) {
				console.log('付款');
			},
			open() {
				this.$refs.cukeyboard.open();
			}
		},
		filters: {
			//无论整数还是小数，都去两位小数，直接截取
			format(data) {
				if(data==null) {
					return parseFloat(0).toFixed(2)
				} else {
					return parseFloat(data).toFixed(2)
				}
				
			}
		}
	}
</script>

<style>

</style>