前言：
现在我们对“vue watch form”大体比较关心，各位老铁们都想要知道一些“vue watch form”的相关资讯。那么小编在网摘上网罗了一些对于“vue watch form””的相关知识，希望你们能喜欢，同学们一起来了解一下吧！场景：
新增客户数据时，需录入客户的证件类型和证件号码，当证件种类是“身份证”时，生日的字段可自动截取并填写证件号码中生日日期。
前期准备：
在白码低代码开发平台上创建客户数据表；
实现步骤：
1. 新增功能新增个人客户；
2. 第一步新增数据，新增个人客户，其中证件种类可设置默认值为“身份证”，证件号码和日期都是填写操作；
3. 第二步使用预处理，实现截取生日日期；
function prepare($programStore, $form, vue) { vue.$watch(() => { return programStore.getters["getFormValue"]("606ed404cbbb586e7aa5e953") },//监控新增个人客户步骤 function (value, oldvalue) { if (_.isEqual(value, oldvalue)) { return; } let data = value; //获取步骤数据 let type = data["606bbef1cbbb586e7aa5adc6"]; //证件种类 let inums = data["606bbefecbbb586e7aa5adc7"]; //证件号码 let num = ""; let birth = ""; console.log(type); //获取步骤信息 if (type == "身份证" && inums.length == 18) { num = inums.substr(6, 8); birth = birth.concat(num.substr(0, 4), "-", num.substr(4, 2), "-", num.substr(6, 2)); value["606bbf3214b72e6e88530999"] = birth; console.log(birth); $programStore.dispatch("set", { procedure: "606bbf3214b72e6e88530999", value }); } } )}实现效果：
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #vue watch form
