Guoguo-notes
主页
常用笔记
vue笔记及周边生态
  • 团队协作及规范
  • 项目框架及架构
  • 飞码篇
  • Java
  • React笔记
GitHub
主页
常用笔记
vue笔记及周边生态
  • 团队协作及规范
  • 项目框架及架构
  • 飞码篇
  • Java
  • React笔记
GitHub
  • vue笔记及周边生态

    • 1. Element Plus --vue3.0.md
    • 2. Element ui 笔记.md
    • 3. Taro.md
    • 4. Vue 代码片段.md
    • 5. Vue 全局封装 main.js.md
    • 6. Vue 笔记.md
    • 7. Vue3 .md
    • 8. Vue3+Element Plus.md
    • 9. element plus 本地启动.md
    • 10. jsx tsx 代码片段.md
    • 11. jsx tsx 笔记.md
    • 12. uniapp笔记.md
    • 13. vite 笔记.md
    • 14. vite手写插件.md
    • 15. vue.js 下载文件.md
    • 16. vueuse笔记.md
    • 17. vxe-table笔记.md
    • 18. 代码片段 - 解析数学公式.md
    • 19. 常用插件.md
    • 20. 汇智腾远笔记.md
    • 21. 视频播放插件.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
1. Element Plus --vue3.0.md
Next
3. Taro.md