antd vue select选择器的使用

• Z时代
• 2024-01-10
• 分类：综合

单选模式搜索选中

https://www.antdv.com/components/select-cn/#API

主要用到的api

主要代码

组件
<a-select
        mode="multiple"
        :value="form.role"
        style="width: 100%"
        :showArrow="true"
        //filterOption 触发输入过滤
        :filterOption="selectInput"
        placeholder="请选择角色"
        @change="changeRole"
>
method
//下拉选择，输入过滤
selectInput(inputValue, option){
    //console.log(inputValue, option,111111)
    return (
        option.componentOptions.children[0].text.toLowerCase().indexOf(inputValue.toLowerCase()) >= 0
    );
},

效果

以上是 antd vue select选择器的使用 的全部内容， 来源链接： utcz.com/z/379679.html