//html内容
<el-input v-model="money" type="number" placeholder="请输入内容" autosize v-money:2></el-input>
//设置局部指令
directives: {
money: {
// 指令的定义
inserted: function (el, binding) {
// 指令作用在 element-input 节点，对应原生 div.el-input (真实input节点的父节点)
if (el.tagName.toLocaleUpperCase() !== 'INPUT') {
el = el.getElementsByTagName('input')[0]
}
//带¥符号、保留2位小数+千分位
// el.value = (Number(el.value)).toLocaleString('zh', {style:'currency', currency: 'CNY', minimumFractionDigits: 2});
//保留2位小数+千分位
el.value = parseFloat(el.value).toLocaleString(underfined,{'minimumFractionDigits':2,'maximumFractionDigits':2});
el.onblur = (e) => {
let a = el.value.replace(/,/g,''); //去除‘，’
if(a){
el.value = parseFloat(el.value).toLocaleString(underfined,{'minimumFractionDigits':2,'maximumFractionDigits':2});
}
}
},
}
},
//toLocaleString() 是js原生自带的一个方法,除了处理金额、数字、还能处理时间格式。
Elementui input框展示千分位
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 效果图 初衷 金融项目 金额较大单位需要精确到元网上很多方案大多数都是为输入框注册blur事件然后进行千分位处理再...
- 1.js 数字转千分位: 参考: https://blog.csdn.net/xuyunfei_2012/arti...
- http://www.cftea.com/c/2017/03/6843.asp
