vue+element-UI中el-select下拉框搜索 :filter-method自定义事件

1.添加 :filter-method=“printername” 自定义搜索事件<el-form-item label="打印机" prop="printerid"><el-select v-model="cateinfo.printerid" placeholder="请选择打印机" clearable style="width:150px;"filterable :filt

Y_余悸

3182人浏览 · 2021-04-21 11:06:19

Y_余悸 · 2021-04-21 11:06:19 发布

1.添加 :filter-method=“printername” 自定义搜索事件

<el-form-item label="打印机" prop="printerid">
	<el-select v-model="cateinfo.printerid" placeholder="请选择打印机" clearable style="width:150px;"  filterable :filter-method="printername">
		<el-option v-for="(item,index) in printernumber" :key="index" :label="item.PRINTNAME" :value="item.ID"></el-option>
	</el-select>
</el-form-item>

2.搜索事件方法 :filter-method=“printername”

 printername(val){
        this.$http({
          url: Api.spinner.url,
          method: Api.spinner.method,
          data:{
            storeid:this.form.storeid,
            printname:val,
          },
        }).then(res => {
          if(res.data.status === 200) {
            this.printernumber = res.data.result;
          }
        })
      },

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^