实现效果
文章来源地址https://www.toymoban.com/news/detail-827498.html
代码
template部分
<el-input v-model="state.val"></el-input>
<div>
{{ priceFor(state.val) }}
</div>js部分
const state = reactive({
val:''
});
const priceFor = (val)=> {
if(!val){
return ''
}else if(val.length<4){
return val
}else {
let str = val+''
let numList = []
for(let i = 1;i<=str.length;i=i+0){
if(str.length>=4){
numList.unshift(str.substring(str.length - 3, str.length))
str = str.slice(0, -3)
}else {
numList.unshift(str)
str = ''
}
}
return numList.join(',')
}
}文章来源：https://www.toymoban.com/news/detail-827498.html
到了这里，关于前端vue金额用逗号分隔的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
