elementUI input相关内容

1.elementUI中el-input输入数字且保留指定小数位

<el-input
    v-model="item3.val"
    class="suvi_num_input_second_num"
    clearable
    οninput="if(isNaN(value)) { value = parseFloat(value) } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}"
    placeholder="请输入得分"
  >
    <template #prepend>
      <el-select
        v-model="item3[Object.keys(item3)[0]]"
        class="suvi_secondType_input_sign"
        clearable
        placeholder="请选择"
      >
        <el-option
          v-for="item1 in sign"
          :key="item1.value"
          :label="item1.dicName"
          :value="item1.value"
        />
      </el-select>
    </template>
    <template #append>分</template>
  </el-input>

在这里插入图片描述

2.input最小输入值不能为0

<el-form-item label="排序值" prop="sort">
      <el-input
        v-model.number="ruleForm.sort"
        maxlength="3"
        placeholder="请输入排序值"
        @input="onInput"
      />
      <span style="font-size: 12px; line-height: 16x; color: #e6a23c">
        提示：可输入大于等于0的数字！！
      </span>
</el-form-item>

 const onInput = (value) => {
    
    
  console.log(Number(value))
  if (!Number(value)) {
    
    
    // alert(ruleForm.value.sort)
    ruleForm.value.sort = null
  }
}

在这里插入图片描述
3.设置输入input的内容为数字
可以用2中的方法也可如下设置

<el-input
   v-model="item2[Object.keys(item2)[0]]"
   class="suvi_firstType_input_num"
   clearable
   οnkeyup="this.value=this.value.replace(/[^\d.]/g,'')"
   placeholder="题号"
   @input="handleInputQuery(index)"
   @keyup.enter="handleInputQuery(index)"
 />

在这里插入图片描述

4.‘’ is not a string
在这里插入图片描述
设置规则的时候这里的字段需要增加类型

const rules = ref({
    
    
        type: [
          {
    
    
            required: true,
            message: '请选择类型',
            trigger: 'change',
            type: 'number',
          },
        ],
        addressPARMS: [
          {
    
    
            required: true,
            message: '请选择工作地点',
            trigger: ['change', 'blur'],
          },
        ],
        zhaoPinlableIds: [
          {
    
    
            required: true,
            message: '请选择职能部门',
            trigger: ['change', 'blur'],
            type: 'array',
          },
        ],
        
      })

elementUI input相关内容

Guess you like