Browse Source

fix: 步进器默认选中

zhangyufei 5 years ago
parent
commit
61a9111e36
1 changed files with 4 additions and 7 deletions
  1. 4 7
      src/packages/stepper/stepper.vue

+ 4 - 7
src/packages/stepper/stepper.vue

@@ -2,7 +2,7 @@
   <div :class="{ 'nut-stepper': !simple, 'nut-stepper-simple': simple }">
     <div class="oper-wrapper reduce-wrapper" @click="reduce()"><span  :class="{ 'nut-stepper-grey': isGray }" v-html="require('../../assets/svg/reduce.svg')"> </span></div>
     <input
-      id="number"
+      ref="number"
       type="number"
       :min="minNum"
       :max="max"
@@ -130,14 +130,11 @@ export default {
   },
   methods: {
     focus(e) {
-      // conole.log(e,'e')
-      //选中选择框值
-      // const input = document.querySelector('#number');
-      // input.select();
-      // alert(1)
-      // e.currentTarget.select();
+      console.log(1)
       if (this.readonly) return;
       // clear val temporary when focus, e...s
+      //选中选择框值
+      this.$refs.number.select();
       const v = this.num;
       this.tempNum = v;
       this.minNum = '';