- 博客(6)
- 收藏
- 关注
原创 antd_vue中a-input-number(利用formatter、parser)关于金额(小数点后两位)、货币格式的组件封装
主要利用formatter、和parser;两个属性对输入的数据进行切割和转换。该组件可以自定义小数点前后的位数和转成货币格式。formatter:指定输入框展示值的格式parser:指定从 formatter 里转换回数字的方式precision:限制小数位数(在这个组件中是为了自动补零,始终保持小数点后两位。但是要和data中decimalPlaces这个属性保持一致)##HTMLinputNumberF、inputNumberP、onChange在下面 <a-input-number
2021-06-21 14:15:52 12231 2
原创 vue项目、js原生封装可拖动弹窗,a-modal进行二次封装,antd_vue封装可拖动弹窗
Vue项目开发中,可随意拖动弹窗。描述:最近在做Vue项目开发中,使用了最近比较流行的ant-design-vue组件库,但是在在使用中,发现好多需要的组件都没有,然后就自己动手开发几个,该文章只是记录一个可拖动弹窗,其他在下一篇或者上一篇(输入框封装,表格的二次封装…)说明:该组件并不涉及任何UI库,原生封装,任何项目都可以使用。原理其实,可以简化为,一个撑满屏幕的黑色背景,中间一个显示内容的白色区域,利用定位来做,但是底层的黑色背景层级一定要高,我们都知道,UI库的好多组件层级数都非常大,还有就是
2022-01-06 14:54:10 1577
原创 开发中对日其的转换和展示方法
一般来说,我们从后端获取的日期类型是 20200123 这种格式,我们需要转换成 2020-01-23、或者2020年1月23日,利用下面这方法。const patternChars = ['y','Y','M','m','D','d','h','H','s','S'];function isPatternChar(char) { for(var i = 0 ; i < patternChars.length ; i++){ if(patternChars[i] ==
2021-08-16 11:06:27 92
原创 封装全局函数,对金额类型的数据,保存位数,自动补零
export default function amountTranslate( number, unit, decimals = 2, dec_point = ".", thousands_sep = ",") { if (typeof number === "undefined" || number === null) { return "-"; } else { number = (number + "").replace(/[^0-9+-Ee.]/g,
2021-08-16 11:00:23 115
原创 前端开发中常用的校验规则
开发中常用的检验和对输入框的一些限制/** * 2021-8-16 整理 xue_yafei * 工具类集合,适用于平时开发 */// 小数或整数(不可以负数) export function verifyNumberIntegerAndFloat(val) { // 匹配空格 let v = val.replace(/(^\s*)|(\s*$)/g, ''); // 只能是数字和小数点,不能是其他输入 v = v.replace(/[^\d.]/g, ''); // 以0开始只能输
2021-08-16 10:21:03 986
原创 Vuex在项目开发中经常用到的几个属性,任何人都能看得懂
## 标题Vuex在项目开发中经常用到的几个属性vueX的五个核心概念,个人理解(具体可以参照官网)State=>基本数据,存储一些全局的data数据;Mutation=>对state中的数据进行修改,同步;Action=>来操作Mutationde的方法,来进行对state中的数据进行修改,异步;Getter=>就像是一个state的装饰器,对state中的数据进行一些包装;Module=>就是模块化的Vuex;statevuex中的基本数据类型,进行一些变
2020-08-28 18:04:24 237
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人