【vue】el-input输入字母转化大写字母

作者: 西叶web | 来源:发表于2021-06-10 10:32 被阅读0次

【vue】el-input输入字母转化大写字母
2018上机
创建vue-cli项目
vue中input输入框输入内容控制
Mac自带拼音输入法
vue element组件库限制只能输入数字
新建一个vue3+ts项目
iOS TextField只能输入字母和数字
elementUI中input框无法输入与禁止输入空格
大小写字母转换篇

el-input输入字母转化大写字母

方法一：

<el-input
  v-model.trim="inputVal"
  placeholder="请输入"
  onkeyup="this.value = this.value.toUpperCase()"
></el-input>

方法二：

<el-input
  v-model.trim="inputValCompute"
  placeholder="请输入"
></el-input>
data(){
  return{
      inputVal:'',
  }
}
// 计算属性
computed: {
    inputValCompute: {
      get() {
        return this.inputVal;
      },
      set(val) {
        this.inputVal = val.toUpperCase();
      },
    },
  },

通过watch的方法也可以，与computed类似

【vue】el-input输入字母转化大写字母
el-input输入字母转化大写字母方法一：方法二：通过watch的方法也可以，与computed类似
2018上机
2018年 1、从控制台输入字符串，将其中的小写字母转化为大写字母，并将结果写入文件中（✔） 2、判断从键盘中输入...
创建vue-cli项目
vue init webpack projectName不允许输入大写字母创建cli过程中的部分配置内容 Ins...
vue中input输入框输入内容控制
1.只能输入字母数字和下划线
Mac自带拼音输入法
1、切换中英输入法点按caps键 2、临时输入大写字母按住shift的同时点按字母 3、连续输入大写...
vue element组件库限制只能输入数字
vue element组件库限制只能输入数字，且保留小数后两位项目需求el-input组件输...
新建一个vue3+ts项目
方法一：vue 指令 vue指令（注意：项目名不能有大写字母，否则有报错）选择 Manually select ...
iOS TextField只能输入字母和数字
项目上有个输入税号的需求，要求只能输入字母和数字，并且字母只能是大写字母 1.首先设置键盘样式 2.设置宏 3.t...
elementUI中input框无法输入与禁止输入空格
input框无法输入的解决办法 vue
大小写字母转换篇
一、EXCEL （一）将小写字母（rose）转换为大写字母（ROSE）输入公式：=upper(A1)或=uppe...