value数字 vue_vue element-ui实现input输入框金额数字添加千分位
时间: 2024-03-09 20:50:22 浏览: 149
vue element-ui实现input输入框金额数字添加千分位
5星 · 资源好评率100%
您可以使用 Vue 的过滤器来实现添加千分位的功能。首先,在 Vue 实例中定义一个过滤器:
```javascript
Vue.filter('thousandSeparator', function(value) {
if (!value) return ''
return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
})
```
这个过滤器接收一个数字参数,并返回添加千分位后的字符串。在模板中使用这个过滤器,如下所示:
```html
<el-input v-model="amount" :value="amount | thousandSeparator"></el-input>
```
这样就可以实现在输入框中输入数字时,自动添加千分位的功能了。
阅读全文