(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: [">", "<", "="],
相关推荐
GDAL9 分钟前
Mapbox GL JS 核心表达式:`==` 相等判断完全教程
javascript·mapbox
二两锅巴25 分钟前
📺 无需Electron!前端实现多显示器浏览器窗口精准控制与通信
前端
炸土豆29 分钟前
防抖节流里的this传递
前端·javascript
用户40993225021229 分钟前
Vue3中动态样式数组的后项覆盖规则如何与计算属性结合实现复杂状态样式管理?
前端·ai编程·trae
山璞32 分钟前
Flutter3.32 中使用 webview4.13 与 vue3 项目的 h5 页面通信,以及如何调试
前端·flutter
努力早日退休35 分钟前
Antd Image标签父元素会比图片本身高几个像素的原因
前端
林希_Rachel_傻希希35 分钟前
手写Promise--教学版本
前端·javascript·面试
ETA838 分钟前
`console.log([1,2,3].map(parseInt))` 深入理解 JavaScript 中的高阶函数与类型机制
前端·javascript
呼叫694538 分钟前
图片列表滚动掉帧的原因分析与解决方案
前端
3秒一个大40 分钟前
现代前端开发框架的工程化实践:基于 Vite 与 Vue3
vue.js