企业官网建设流程全解析

网络舆情监测关键词,没有网站怎么做seo,高德北斗导航,重要新闻头条目前项目在使用Vue2.6Ant Design Vue V1.7.8版本开发#xff0c;其实就是用了jeecg的框架#xff0c;发现这个比较旧的版本没有**.trim()**的方法#xff0c;所以只能手搓#xff1b; 第一种#xff1a;全局添加 注意#xff1a;用了第一种发现在使用苹果电脑的时候…目前项目在使用Vue2.6Ant Design Vue V1.7.8版本开发其实就是用了jeecg的框架发现这个比较旧的版本没有**.trim()**的方法所以只能手搓第一种全局添加注意用了第一种发现在使用苹果电脑的时候苹果输入法有bug注意用了第一种发现在使用苹果电脑的时候苹果输入法有bug注意用了第一种发现在使用苹果电脑的时候苹果输入法有bugmain.js文件mounted(){document.body.addEventListener(input,this.removeSpacesFromInput,true);}//去掉input的空格methods:{removeSpacesFromInput(e){// 判断是否为 Ant Design 的 a-input 元素if(e.target.tagNameINPUT){if(e.target.closest(.ant-input)){// 对 Ant Design 的 a-input 组件去除空格e.target.valuee.target.value.replace(/\s/g,);}elseif(e.target.closest(.el-input__inner)){// 对 Element UI 的 el-input 组件去除空格e.target.valuee.target.value.replace(/\s/g,);}}}},//去掉input的空格beforeDestroy(){// 在组件销毁前移除事件监听document.body.removeEventListener(input,this.removeSpacesFromInput,true);}第二种在单个页面中单个输入框中使用例子一a-input 输入框使用了v-model的情况下a-form-model-item label往来单位名称propsupplierNamea-input v-modelform.supplierNameinputhandleSupplierNameInputplaceholder请输入往来单位名称!:disabledtype detail//a-form-model-item// 在方法里面实现methods:{handleSupplierNameInput(e){constvaluee.target.value;consttrimmedValuevalue.replace(/\s/g,);if(value!trimmedValue){this.$nextTick((){this.form.supplierNametrimmedValue;});}else{this.form.supplierNamevalue;}},}例子二使用 v-decorator 的方式data(){return{form:this.$form.createForm(this),}}a-form-item label姓名a-input v-decorator[contactName,{rules:[{required:true,message:请输入姓名!}],getValueFromEvent:(event)event.target.value.replace(/\s/g,),initialValue:,validateTrigger:blur}] placeholder请输入姓名:disabledtype detail//a-form-item例子三使用 v-decorator 的方式 自定义校验data(){return{validatorRules:{username:{rules:[{required:true,message:请输入用户账号!},{pattern:/^[a-zA-Z0-9]$/,// 正则匹配英文数字message:只能输入英文或数字!},{validator:this.validateUsername,}]},}}}a-form-item label用户账号:labelCollabelCol:wrapperColwrapperCola-input placeholder请输入用户账号输入英文或数字v-decorator[userName,{rules:validatorRules.username?validatorRules.username.rules:[],getValueFromEvent:(event)event.target.value.replace(/\s/g,),initialValue:,validateTrigger:blur}]:readOnly!!model.idautocompletenew-userName//a-form-item以上就是我目前遇到的几种情况吧