<el-inputv-model="inputValue"maxlength="10"style="width: 20%"placeholder="请输入(一个汉字等于两个字符)"@input="checkLength"></el-input> <scriptsetuplang="ts">import { ref } from'vue'; const inputValue= ref(''); const checkLength= e =>{let b = 0;//输入的字符数for(let i = ...
如果是限制字符长度,el-input覆盖了原生的方法,需要将el-input元素更换成原生input,如果想保持el-input 的样式,只需要给input添加el-input__inner的class <inputstyle="width:500px;"class="el-input__inner"type="text"v-model="ticketInf.ticketName"@input="widthCheck($event.target, 100)"> 现在我们只需...
至此,便成功了为 el-input 数量输入框实现了和 goods_num双向数据绑定(数量调整时,更新到goodsList对应的记录),并能够通过输入框自由的调整数量。
如果是限制字符长度，el-input覆盖了原⽣的⽅法，需要将el-input元素更换成原⽣input，如果想保持el-input 的样式，只需要给input添加el-input__inner 的class <input style="width:500px;" class="el-input__inner" type="text" v-model="ticketInf.ticketName" @input="widthCheck($event.target, 100...
登录 ⋅ 注册 原博文 vue中实时监听input中字符长度并限制,Element-ui el-input 2019-05-15 11:23 − ... 风雨飘飘飘啊飘 0 16226 相关推荐 < 1 > 2004 - 2025 博客园·园荐 意见反馈