el-select可输入下拉框限制长度

el-select可输入或可输入创建限制长度
可创建自定义指令v-Length=“50”，限制输入最大长度为50

<el-selectv-model="JSDW"filterableclearablev-limitLength="50"allow-createdefault-first-optionstyle="width:100%"><el-optionv-for="(item, index) in ListJSDW":key="index":label="item":value="item"></el-option></el-select>

局部创建自定义指令

created() {},// 控制-select输入长度 自定义指令// 控制-select输入长度 自定义指令 directives: { limitLength: { bind: function (el, binding, vnode) { const input = el.getElementsByTagName('input')[0] if (input) { input.setAttribute('maxlength', binding.value) } } } },mounted() {},

全局创建自定义指令，在main.js里

Vue.directive('limitLength',{inserted: function (el, binding, vnode) {const input = el.getElementsByTagName('input')[0]if (input) {input.setAttribute('maxlength', binding.value)}}})

可直接复制使用