<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
}
}
話不多講，有這三塊代碼就夠了。