Merge pull request '修复input输入框显示默认值无效问题' (#48) from zq-slider-menu into master

Reviewed-on: #48

src/components/GuipInput.vue

@@ -1,25 +1,12 @@
 <template>
-  <el-form-item 
-  :style="{height:height,...styleObject}"
-  :class="[{'column':column},{'w510':addClass=='w510'},{'w388':addClass=='w388'},'form-item']"
-  :label="label" :prop="prop" :rules="rules">
+  <el-form-item :style="{ height: height, ...styleObject }"
+    :class="[{ 'column': column }, { 'w510': addClass == 'w510' }, { 'w388': addClass == 'w388' }, 'form-item']" :label="label"
+    :prop="prop" :rules="rules">
     <p v-if="desc" class="desc_right">{{ desc }}</p>
-    <el-input
-      :type="type"
-
-      v-bind="$attrs"
-      :placeholder="placeholder1"
-      :disabled="disabled"
-      :maxlength="maxlength1"
-      :style="{width:width,height:height}"
-      :minLength="minLength1"
-      :show-word-limit="showWordLimit"
-      @input="$emit('input', $event)"
-       @keydown="handleKeydown"
-      @change="$emit('change', $event)"
-      @blur="$emit('blur', inputValue)"
-      @focus="$emit('focus', inputValue)"
-      v-model="inputValue">
+    <el-input :type="type" v-bind="$attrs" :placeholder="placeholder1" :disabled="disabled" :maxlength="maxlength1"
+      :style="{ width: width, height: height }" :minLength="minLength1" :show-word-limit="showWordLimit"
+      @input="$emit('input', $event)" @keydown="handleKeydown" @change="$emit('change', $event)"
+      @blur="$emit('blur', inputValue)" @focus="$emit('focus', inputValue)" v-model="inputValue">
       <!-- 自定义前面小图标 -->
       <template v-slot:prepend>
         <slot name="prependshow"></slot>
@@ -54,7 +41,7 @@
     'label', 'type', 'prop', 'rules', 'column', 'addClass', 'desc', 'unit'],
   data() {
     return {
-        inputValue: '',
+      inputValue: this.value || this.defaultValue,
       maxlength1: '',
       minLength1: 0,
       style: {
@@ -75,9 +62,9 @@
   },
   created() {
     // 默认值赋值
-    if(this.defaultValue != null){
-      this.inputValue = this.defaultValue;
-    }
+    // if (this.defaultValue != null) {
+    //   this.inputValue = this.defaultValue;
+    // }
     // 默认提示语
     if (this.placeholder) {
       this.placeholder1 = this.placeholder;
@@ -147,9 +134,11 @@
 <style lang="scss" scoped>
 .unit {
   position: absolute;
-  right: 12px; /* 根据需要调整位置 */
+  right: 12px;
+  /* 根据需要调整位置 */
   top: 50%;
   transform: translateY(-50%);
-  pointer-events: none; /* 防止单位文本影响输入框的点击事件 */
+  pointer-events: none;
+  /* 防止单位文本影响输入框的点击事件 */
 }
 </style>