手机号粘贴空格处理

src/views/Letter/Letter.vue

@@ -441,6 +441,7 @@
                 placeholder="请输入车主手机号"
                 type="text"
                 maxlength="11"
+                @paste.native="handlePaste($event,'ownerInfo')"
                 show-word-limit
               ></el-input>
             </el-form-item>
@@ -562,6 +563,7 @@
                 placeholder="请输入投保人手机号"
                 maxlength="11"
                 type="text"
+                @paste.native="handlePaste($event,'policyHolderInfo')"
                 show-word-limit
               ></el-input>
             </el-form-item>
@@ -693,6 +695,7 @@
                 placeholder="请输入被保人手机号"
                 maxlength="11"
                 type="text"
+                @paste.native="handlePaste($event,'insuredPersonInfo')"
                 show-word-limit
               ></el-input>
             </el-form-item>
@@ -5002,6 +5005,18 @@ export default {
     }
   },
   methods: {
+    //手机号复制粘贴处理
+    handlePaste(e,mobileKey) {
+      e.preventDefault();//阻止默认行为
+      const clipboardData = e.clipboardData || window.clipboardData;//获取剪切板内容
+      let pastedText = clipboardData.getData('text').replace(/\s+/g, '');//获取纯文本并处理空格
+      // 截取前11个字符，以确保不会超过手机号长度限制
+      pastedText = pastedText.substring(0, 11);
+      // 使用Vue.nextTick确保更新发生在DOM更新之后
+      this.$nextTick(() => {
+        this[mobileKey].mobile = pastedText;
+      });
+    },
     // licenseNoFun(data){
     //   if(data && this.carInfo.enginedesc){
     //     this.obtainProtocol()