js

src/views/supplier/Index.vue

@@ -15,7 +15,7 @@
                     </dd>
                     <dd class="inp-wrap boxsiz">
                         <label class="lineBlock va-m"><em>*</em>联系方式：</label>
-                        <input type="button"  @click="numberFlag=true" placeholder="请输入手机或电话号码" class="va-m inp" v-model="form.mobile" maxlength="11" onkeyup="this.value=this.value.replace(/\D/g,'')">
+                        <input type="text"  placeholder="请输入手机或电话号码" class="va-m inp" v-model="form.mobile" maxlength="11" onkeyup="this.value=this.value.replace(/\D/g,'')">
                     </dd>
                     <dd class="inp-wrap boxsiz" v-if="verifyCodeFlag">
                         <label class="lineBlock va-m"><em>*</em>短信验证：</label>
@@ -200,7 +200,6 @@
                 </div>
             </div>
         </div>
-        <van-number-keyboard :show="numberFlag" close-button-text="完成" @blur="numberFlag = false" theme="custom" extra-key="." @input="onInput" @delete="onDelete"/>
         <van-loading type="spinner" color="#000" class="loading-background" v-if="loading"/>
     </section>
 </template>
@@ -209,9 +208,9 @@
   
   import Vue from 'vue';
   import {mapState} from 'vuex'
-  import {Swipe, SwipeItem, NumberKeyboard, Loading} from 'vant';
+  import {Swipe, SwipeItem, Loading} from 'vant';
 
-  Vue.use(Swipe).use(SwipeItem).use(NumberKeyboard).use(Loading);
+  Vue.use(Swipe).use(SwipeItem).use(Loading);
 
   export default {
     name: 'supplier',
@@ -292,7 +291,6 @@
       },
       mobileVal(val) {
         if (val.length >= 11) {
-          console.log('aa')
           this.verifyCodeFlag = true;
           this.formError = false;
           this.$store.dispatch({
@@ -394,12 +392,6 @@
           }
         }
       },
-      onInput(value) {
-        this.form.mobile = this.form.mobile + value;
-      },
-      onDelete(value) {
-        this.form.mobile = this.form.mobile.substring(0, this.form.mobile.length - 1);
-      },
       goAnchor(type) {
         if (type === 1) {
           var anchor = this.$el.querySelector('#join-btn');