- 博客(2)
- 收藏
- 关注
RSS订阅原创 vue3自定义金额输入框组件
最近在自学vue3相关的知识，昨天用vue3的watch监听实现了满足日常各种情况的金额输入框，详情可见vue3通过watch实现完美的pc端金额输入框今天又学习了vue3封装组件相关知识，就把昨天的金额输入框封装成了一个组件，实现效果如下：代码如下：子组件<template> <el-input v-model="a" @blur="amountBlur" @focus="amountFocus" :placeholder="placeholder"></
2021-11-12 21:11:02
2144
1
原创 vue3通过watch实现完美的pc端金额输入框
因为公司业务涉及到很多的金额输入框，在网上找了很久也没找到符合我预期的完美输入框，今天特地写了一个，基本满足日常的金额输入。实现效果：只能输入数字0-9和小数点支持将中文输入法句号转变成小数点将小数点开头的数字转变成0.开头将第一位是0且第二位不是小数点的数前面的0省略限制小数位数及金额字符串的总位数input聚焦和失焦自动切换标准金额显示效果图：不多废话，上代码！Template// Template<template> <div> <
2021-11-11 17:58:46
914
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人