(vue)复合型输入框el-input输入数字类型,e,+,-等特殊符号可以输入

(vue)复合型输入框el-input输入数字类型,e,+,-等特殊符号可以输入


效果


代码

c 复制代码
<el-form-item label="分数区间">
  <el-input
    placeholder="请输入内容"
    v-model.number="formInline.scoreIntervalValue"
    class="input-with-select"
    type="number"
  >
    <el-select
      v-model="formInline.scoreInterval"
      slot="prepend"
      placeholder="请选择"
      style="width:100px"
    >
      <el-option v-for="item in gradeOptions" :key="item" :label="item" :value="item"></el-option>
    </el-select>
  </el-input>
</el-form-item>
c 复制代码
gradeOptions: [">", "<", "="],
相关推荐
皮蛋瘦肉粥_1211 小时前
pink老师html5+css3day06
前端·css3·html5
华仔啊5 小时前
前端必看!12个JS神级简写技巧,代码效率直接飙升80%,告别加班!
前端·javascript
excel5 小时前
dep.ts 逐行解读
前端·javascript·vue.js
爱上妖精的尾巴5 小时前
5-20 WPS JS宏 every与some数组的[与或]迭代(数组的逻辑判断)
开发语言·前端·javascript·wps·js宏·jsa
excel5 小时前
Vue3 响应式核心源码全解析:Dep、Link 与 track/trigger 完整执行机制详解
前端
前端大卫5 小时前
一个关于时区的线上问题
前端·javascript·vue.js
whltaoin6 小时前
中秋赏月互动页面:用前端技术演绎传统节日之美
前端·javascript·html·css3·中秋主题前端
IT派同学7 小时前
TableWiz诞生记:一个被表格合并逼疯的程序员如何自救
前端·vue.js
西洼工作室9 小时前
CSS高效开发三大方向
前端·css
昔人'9 小时前
css`font-variant-numeric: tabular-nums` 用来控制数字的样式。
前端·css