Vue.directive("thousand", {
// 被绑定元素插入父节点时调用
inserted: function(el, binding) {
//字符在元素内部的元素中且id=thousand
//两种写法
/**如：
* <div vThousand>
* <span id="thousand">
* {row.businessUnitPriceExcludingTax?.toFixed(2) || ""}
* </span>
*</div>
**/
//字符就在当前元素中
/**如：
* <div vThousand>
* {row.businessUnitPriceExcludingTax?.toFixed(2) || ""}
*</div>
**/
let thousand = el.querySelector("#thousand");
const setThousand = () => {
if (thousand && thousand.innerText) {
thousand.innerText = parseFloat(thousand.innerText).toLocaleString(
"zh",
{
minimumFractionDigits: 2,
maximumFractionDigits: 2
}
);
} else if (el.innerText) {
el.innerText = parseFloat(el.innerText).toLocaleString("zh", {
minimumFractionDigits: 2,
maximumFractionDigits: 2
});
}
};
setThousand();
}
});
vue 千分符显示指令
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 效果图 初衷 金融项目 金额较大单位需要精确到元网上很多方案大多数都是为输入框注册blur事件然后进行千分位处理再...
- 步骤： 把字符串形式的金额传入，整数部分和小数部分分割， 整数部分转换成数组并倒序排列， 然后将数组以3个一组追加...
- 前沿 这里是全局的设置，方便以后使用，做个笔记。 具体的设置全局组件和全局js请移步关于vue全局引用公共的js和...
- 1.js 数字转千分位: 参考: https://blog.csdn.net/xuyunfei_2012/arti...
