Guoguo-notes
主页
  • 常用笔记
  • 飞码篇
  • Java
  • React笔记
  • 袁果锅生态
GitHub
主页
  • 常用笔记
  • 飞码篇
  • Java
  • React笔记
  • 袁果锅生态
GitHub
  • 常用笔记

    • CSS 封装.md
    • CSS笔记.md
    • Echarts.md
    • Element Plus --vue3.0.md
    • Element ui 笔记.md
    • Git 代码管理.md
    • Html 笔记.md
    • Taro.md
    • TypeScript.md
    • Vue 代码片段.md
    • Vue 全局封装 main.js.md
    • Vue 笔记.md
    • Vue3 .md
    • Vue3+Element Plus.md
    • axios 请求拦截.md
    • ecahrts 使用地图报错问题.md
    • element plus 本地启动.md
    • jsx tsx 代码片段.md
    • jsx tsx 笔记.md
    • js常规.md
    • npm.md
    • sh 笔记.md
    • uniapp笔记.md
    • valibot校验学习.md
    • vite 笔记.md
    • vite手写插件.md
    • vue.js 下载文件.md
    • vueuse笔记.md
    • vxe-table笔记.md
    • 云开发教程.md
    • 公共API接口.md
    • 小程序笔记.md
    • 常用插件.md
    • 插件库.md
    • 服务器.md
    • 服务器部署教学.md
    • 毕业设计接单.md
    • 汇智腾远笔记.md
    • 浏览器px to rem适配.md
    • 登录流程.md
    • 登录逻辑.md
    • 网站配色.md
    • 视频播放插件.md
    • 解析数学公式.md
    • 跨域代理.md

input输入限制只能输入大写字母/数字/汉字等

1. 限制只能输入大写字母

<el-input v-model="input" oninput="value=value.replace(/[^A-Z]/g,'');"></el-input>
2. 限制只能输入数字

<el-input v-model="input" oninput="this.value = this.value.replace(/[^0-9]/g, '');"></el-input>
限制只能输入数字的情况下还是用计数器比较好,,不会为负也不能输入e等

<el-input-number v-model="input" :min="0" :max="10" :precision="0" :step="1"></el-input-number>
3.限制只能输入汉字

<el-input v-model="input" oninput="value=value.replace(/[^\u4E00-\u9FA5]/g,'');"></el-input>

代码式显示 dialog 弹框

this.$confirm("确定删除该信息吗?", "警告信息", { type: "warning" })
    .then(async () => {
      //结构体
    });

代码式显示 dialog 输入框

this.$prompt('请输入内容', '提示', {  
  inputAttrs: {  
    maxlength: 10, // 设置最大长度为10  
    // 其他输入属性  
  },  
  // 其他配置选项  
}).then(({value}) => {  
  // 处理输入值  
}).catch(() => {  
  // 取消操作  
});


inputType:设置输入框的类型,如 'text'、'password' 等。
inputValue:设置输入框的初始值。
inputName:设置输入框的名称。
inputLimit:设置输入的最大长度。
inputPattern:设置输入的验证模式,用于验证输入是否符合特定的格式或模式。
inputErrorMessage:设置输入错误时的错误消息。
confirmButtonColor:设置确定按钮的颜色。
confirmButtonText:设置确定按钮的文本。
cancelButtonColor:设置取消按钮的颜色。
cancelButtonText:设置取消按钮的文本。
inputEvent:设置输入框的事件类型,如 'input'、'change' 等。
inputReadOnly:设置输入框是否只读,即用户不能修改其内容。
inputDisabled:设置输入框是否禁用,即用户不能进行任何操作。
Edit this page
Last Updated:
Contributors: 袁果锅
Prev
Element Plus --vue3.0.md
Next
Git 代码管理.md