免费的黄冈网站有哪些平台游戏软件小说网站开发需求分析

遇到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元素，对输入内容进行过滤