- 博客(6)
- 收藏
- 关注
RSS订阅
原创 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
11877
2
原创 vue项目、js原生封装可拖动弹窗，a-modal进行二次封装，antd_vue封装可拖动弹窗
Vue项目开发中，可随意拖动弹窗。描述：最近在做Vue项目开发中，使用了最近比较流行的ant-design-vue组件库，但是在在使用中，发现好多需要的组件都没有，然后就自己动手开发几个，该文章只是记录一个可拖动弹窗，其他在下一篇或者上一篇(输入框封装，表格的二次封装…）说明：该组件并不涉及任何UI库，原生封装，任何项目都可以使用。原理其实，可以简化为，一个撑满屏幕的黑色背景，中间一个显示内容的白色区域，利用定位来做，但是底层的黑色背景层级一定要高，我们都知道，UI库的好多组件层级数都非常大，还有就是
2022-01-06 14:54:10
1529
原创 开发中对日其的转换和展示方法
一般来说，我们从后端获取的日期类型是 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
84
原创 封装全局函数，对金额类型的数据，保存位数，自动补零
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
104
原创 前端开发中常用的校验规则
开发中常用的检验和对输入框的一些限制/** * 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
957
原创 Vuex在项目开发中经常用到的几个属性，任何人都能看得懂
## 标题Vuex在项目开发中经常用到的几个属性vueX的五个核心概念，个人理解(具体可以参照官网）State=>基本数据，存储一些全局的data数据；Mutation=>对state中的数据进行修改，同步；Action=>来操作Mutationde的方法，来进行对state中的数据进行修改，异步；Getter=>就像是一个state的装饰器，对state中的数据进行一些包装；Module=>就是模块化的Vuex；statevuex中的基本数据类型，进行一些变
2020-08-28 18:04:24
224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人