willbeDS的博客

Vue项目开发中，可随意拖动弹窗。描述：最近在做Vue项目开发中，使用了最近比较流行的ant-design-vue组件库，但是在在使用中，发现好多需要的组件都没有，然后就自己动手开发几个，该文章只是记录一个可拖动弹窗，其他在下一篇或者上一篇(输入框封装，表格的二次封装…）说明：该组件并不涉及任何UI库，原生封装，任何项目都可以使用。原理其实，可以简化为，一个撑满屏幕的黑色背景，中间一个显示内容的白色区域，利用定位来做，但是底层的黑色背景层级一定要高，我们都知道，UI库的好多组件层级数都非常大，还有就是

主要利用formatter、和parser；两个属性对输入的数据进行切割和转换。该组件可以自定义小数点前后的位数和转成货币格式。formatter：指定输入框展示值的格式parser：指定从 formatter 里转换回数字的方式precision：限制小数位数（在这个组件中是为了自动补零，始终保持小数点后两位。但是要和data中decimalPlaces这个属性保持一致）##HTMLinputNumberF、inputNumberP、onChange在下面 <a-input-number