<el-input v-model="searchVal" style="width:100%; margin-bottom:10px" placeholder="请输入内容"/>
data（）{
searchVal: \'\'，
items: [
{
\'tenantId\': 36045,
\'orgId\': 3604500002,
\'orgName\': \'开发环境测试-1\',
\'type\': null,
\'activate\': \'1\'
},
{
\'tenantId\': 36053,
\'orgId\': 3605300001,
\'orgName\': \'52-测试账号(校区)\',
\'type\': null,
\'activate\': \'1\'
},
{
\'tenantId\': 36053,
\'orgId\': 3605300008,
\'orgName\': \'测试-大爷\',
\'type\': null,
\'activate\': \'1\'
}
],
}
<div class="serchArea">
<ul>
<p>总部</p>
<el-radio-group v-model="radio1" >
<el-radio v-for="(item,index) in search " :key="\'z\'+index" :label="item.orgName" @change="online(item)"/>
</el-radio-group>
<p>校区</p>
<el-radio-group v-model="radio1" >
<el-radio v-for="(item,index) in search " :key="\'x\'+index" :label="item.orgId" @change="online(item)"/>
</el-radio-group>
</ul>
</div>
computed: {
search() {
var item = this.items.filter(ele => {
if (ele.orgName.match(this.searchVal)) {
return ele
}
})
return item
}
}
话不多讲，有这三块代码就够了。