任务描述 =====>
(代码参考连接: blog.csdn.net/weixin_3943…)
大致思路:1、绑定change事件==>在方法中声明。 2、方法设定格式。 3、只改动前端样式不变动数据库存储形式,定义一个方法强行去掉逗号 4、保存数据那块设置中间参数,不影响传入数据库的数据形式。5、在输入框限制字符输入提示的判断条件设置获取到的数据形式为去掉逗号
- 弹提示,加逗号
在el-input框内增加绑定一个change事件 ===>
实现在值发生变动的时候触发该事件,输入回车后或者任意点击,变为格式化数据。
- 在methods中声明该方法,参数为:值value、符号type
当input框输入数据时,1、如果数据为空,直接调用上个任务的提示“请输入进度资金”。 2、当数据不为空时:(1)输入的不是一个数字;此时返回输入的数据,以触发“您只能输入数字”的提示。(2)输入的是一个有小数点的数字,利用indexOf()找到小数点字符的所以下标,如果不存在小数点会返回-1.
- ====>toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。
- ====>split(".")方法可把输入的小数用"."分割成数组 =====>有小数点的情况下
- ====>reverse() 方法用于颠倒数组中元素的顺序
- ====>join() 方法用于把数组中的所有元素放入一个字符串。
承上启下,弹提示&加逗号 代码如下 ===>
- 去逗号,传数据库
打断点可以看出最后得到的数据是一个去逗号的字符串,而数据库需要的是一个没有逗号的数字,所以此处对收到的数据做了条件判断。1、没有输入数据时传给数据库为空。 2、如果数据类型为字符串时,返回一个去逗号然后进行 parseInt() 将字符串转换成数字。
- 在保存 信息时=======> 1、 履行计划页面: 有id,可以在当前页面更改,所以可以根据id找到具体信息那个页面。
改变的数据是lxjhParams.xxx,前端显示。 ===>设置一个中间参数,让其相等,更改中间参数的样式(去逗号),最后再将更改完样式之后的中间参数数据传给数据库。
- 在保存 信息时=======> 1、 成本预算页面:
代码大同小异=====>