實現(xiàn)效果
文章來源地址http://www.zghlxwxcb.cn/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(',')
}
}文章來源：http://www.zghlxwxcb.cn/news/detail-827498.html
到了這里，關(guān)于前端vue金額用逗號分隔的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
