当前位置：首页 > wzjs >正文

成都网站建设培训班重庆网站建设哪家好

wzjs 2025/8/20 20:50:14

成都网站建设培训班,重庆网站建设哪家好,用WordPress做网站入门课,做健康类网站怎么备案遇到el-select开启filterable模式查询，下拉框内容是文字与数字组合版，导致校验不准，且没有属性能直接限制focus输入的内容，这时候可以用自定义属性来解决实例：（以只能输入数字为例） <el-for…

遇到el-select开启filterable模式查询，下拉框内容是文字与数字组合版，导致校验不准，且没有属性能直接限制focus输入的内容，这时候可以用自定义属性来解决
实例：（以只能输入数字为例）

在这里插入图片描述

<el-form-itemlabel="ID"prop="Id"><el-selectref="selectRef"v-model="dialogForm.Id":remote-method="handleChange":loading="loading"filterableremoteclearableplaceholder="请输入ID搜索"@change="handleChange"v-numeric-only><el-optionv-for="(item,index) in List":key="index":label="item.name+'('+item.Id+')'":value="item.Id"/></el-select></el-form-item>

以上template内容

   data(){},directives: {'numeric-only': {inserted(el) {const input = el.querySelector('.el-input__inner');input.addEventListener('input', function () {if (this.value.length > 10) {this.value = this.value.slice(0, 10)}this.value = this.value.replace(/[^\d]/g, '');});}}}
methods:{//change事件再次强制替换handleChange(value) {let val = value.toString().replace(/[^\d]/g, '')if (val.length > 10) {val = val.slice(0, 10)}//  this.getMethod(val).    此处调接口}
}

以上script内容，思路是直接获取到它的input元素，对输入内容进行过滤

查看全文

http://www.dtcms.com/wzjs/421696.html