input 检索关键字列表

标签：arch   card   miss   border   ace   abs   nbsp   mission   info   

// 过滤权限
filterPremission(list){
    var _search = this.searchPremissionVal;
    if (_search) {
        //不区分大小写处理
        var reg = new RegExp(_search, ‘ig‘)
        //es6 filter过滤匹配，有则返回当前，无则返回所有
        return list.filter(function(e) {
            //匹配所有字段
            // return Object.keys(e).some(function(key) {
            //     return e[key].match(reg);
            // })
            //匹配某个字段
            return e.permissionName.match(reg);
        })
    };
    return list
},

<el-tabs type="border-card" v-model="activePremissionType">
    <el-input placeholder="请输入内容" v-model="searchPremissionVal" class="input-with-select" clearable></el-input>
    <el-tab-pane :label="byKeyTopremissionName(item.type)" :name="item.type" v-for="(item,index) in premissionList" :key="index">
       <div class="permissionBox">
           <div v-for="(itemA,indexA) in filterPremission(item.permissionVos)" :key="indexA" >
               <el-checkbox :label="itemA.id" >{{ itemA.permissionName }}</el-checkbox>
           </div>
       </div>
    </el-tab-pane>
</el-tabs>

input 检索关键字列表

标签：arch   card   miss   border   ace   abs   nbsp   mission   info   

原文地址：https://www.cnblogs.com/yixiaoyang-/p/14150957.html