1. 首页
  2. 编程语言
  3. Javascript
  4. 基于element-ui封装表单金额输入框的方法示例

基于element-ui封装表单金额输入框的方法示例

上传者: 2021-08-24 10:21:54上传 PDF文件 165.84 KB 热度 14次

在日常的迭代开发中通常我们会遇到这样的场景:在一个表单中需要用户输入金额,并校验金额的格式。这个需求你一定遇到过,但是现在,我们还需要做到:当用户离开输入框时,输入的内容变成了用逗号每隔 遇到这种需求,我们首先要想到「表单中的金额输入框」是常见到的功能。既然是常见的功能,我们要将它抽象封装起来,做到随时可用于任何表单中,用一行代码代替重复作业。像表单项一样,我们需要给组件传递 注意我们上面的需求,当 如果没问题,通过了校验,就需要根据输入内容格式化金额。利用 组件的设计思想大致如下:完整的组件代码如下:在表单中的使用方法其实和你直接写一个

用户评论