uniapp js 金额与星星**符号互转

Dai_代代

已于 2022-09-06 09:37:34 修改

阅读量717

点赞数

分类专栏： uniapp js 文章标签： javascript 开发语言 ecmascript

于 2022-07-22 15:14:46 首次发布

本文链接：https://blog.csdn.net/qq_43024468/article/details/125932952

版权

uniapp 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

html代码

//eye为睁眼睛  eye-off为闭眼睛
<view>{{ moneyFormat('145444') }}</view>
	<u-icon class="font-lg" :name="eyeIconName" @click="eyeIconName == 'eye-off' ? (eyeIconName = 'eye') : (eyeIconName = 'eye-off')"></u-icon>

js代码

data() {
		return {
			eyeIconName: 'eye-off',  //默认为**符号展示
		};
	},
computed: {
		// 格式化金额，等位数转换为星
		moneyFormat(e) {
			return e => {
				if (e || e == 0) {
					e = e.toString();
				}
				if (e && this.eyeIconName == 'eye-off') {
					let temp = [];
					e.split('').forEach(item => {
						temp.push('*');
					});
					return temp.join('');
				} else {
					parseFloat(e)
						.toFixed(2)
						.replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
					return e;
				}
			};
		}
	},