效果图如下:

template部分代码:

//搜索框
<el-input placeholder="请输入单位名称"
prefix-icon="el-icon-search"
@keyup.enter.native="searchCompany"
v-model="search_key">
</el-input>
//列表
<div class="all_company" id="all_company" ref="all_company">
<div class="industry_item" :id="'anchor-'+index" v-for="(item,index) in companyArr" :key="index">
<div @click="checkAllchange(index)">
<el-checkbox
v-model="item.checkAll"
:indeterminate="itemIndeterminate(item)"
@change="val => handleCheckAllChange(val, item)">{
{item.name}}</el-checkbox>
<el-checkbox-group v-model="checkedCompany" @change="handlecheckedC

本文展示了如何在Vue.js项目中结合Element UI实现搜索功能,列表搜索结果高亮显示,并能自动滚动到指定搜索结果的位置。通过分析`template`部分的代码结构和`js`实现逻辑,读者可以理解并应用到自己的项目中。
最低0.47元/天 解锁文章
5367

被折叠的 条评论
为什么被折叠?



