当前位置： 首页 > news >正文 关于网站备案前置审批的相关说明 吉林推荐坪山网站建设 news 2025/11/3 2:54:39 关于网站备案前置审批的相关说明 吉林,推荐坪山网站建设,英语培训网站源码,中国网络营销论坛最近遇到的一个需求 #xff0c; 很有趣#xff0c;是需要一个select组件#xff0c;要求显示工号#xff0c;员工姓名#xff0c;以及区域 三个字段#xff0c;并且要支持三个字段的查询。显然element原生的组件不适用#xff0c;这时候我们需要改造一下#xff0c;把… 最近遇到的一个需求 很有趣是需要一个select组件要求显示工号员工姓名以及区域 三个字段并且要支持三个字段的查询。显然element原生的组件不适用这时候我们需要改造一下把option改成一个table的样子这样就能解决我们的问题 多个搜索条件这里我是一次性拿到所有的数据然后模糊查询来解决 1.先看效果图 点击select支持输入选择以及回车查询 2.实现代码 HTML el-select v-modelvalue clearable filterable :filter-methodfilterMethod placeholder请选择el-option disabled valuedisabled div classsaler-mate-list-item disabled-titlespan classcode工号/spanspan classname姓名/spanspan classspec区域/span/div/el-optiontemplate v-ifoptions options.lengthel-optionv-foritem in options:keyitem.value:labelitem.label:valueitem.valuediv classsaler-mate-list-item disabled-titlespan classcode{{item.code}}/spanspan classname{{item.label}}/spanspan classspec{{item.spec}}/span/div/el-option/templateel-option v-else disabled暂无数据/el-option/el-select3. 对应Css .saler-mate-list-item{display: flex;justify-content: space-between;align-items:center;width:500px;padding-left:20px; }.name {width:45%;text-align:left;wite-space:nowrap;text-overflow:elipsis; }.code{width:30%;text-align:left;wite-space:nowrap;text-overflow:elipsis; }.spec {width:25%;text-align:left;wite-space:nowrap;text-overflow:elipsis; } 4.对应JS filterMethod(val){if(val){// 不建议操作原数组let newArr this.options.filter(i {return i.codo.includes(val) || i.name.includes(val) || i.spec.includes(val)})this.options JSON.parse(JSON.stringify(newArr))} else {// 搜索内容为空时 要把原始数据赛回select中this.options this.dataList} } 文章转载自： http://www.morning.dmhs.cn.gov.cn.dmhs.cn http://www.morning.xfcjs.cn.gov.cn.xfcjs.cn http://www.morning.mkkcr.cn.gov.cn.mkkcr.cn http://www.morning.rjjjk.cn.gov.cn.rjjjk.cn http://www.morning.qqhmg.cn.gov.cn.qqhmg.cn http://www.morning.jftl.cn.gov.cn.jftl.cn http://www.morning.myfwb.cn.gov.cn.myfwb.cn http://www.morning.jrqbr.cn.gov.cn.jrqbr.cn http://www.morning.rzmzm.cn.gov.cn.rzmzm.cn http://www.morning.kfrhh.cn.gov.cn.kfrhh.cn http://www.morning.dyght.cn.gov.cn.dyght.cn http://www.morning.qzqjz.cn.gov.cn.qzqjz.cn http://www.morning.jwtwf.cn.gov.cn.jwtwf.cn http://www.morning.wtdhm.cn.gov.cn.wtdhm.cn http://www.morning.jcpq.cn.gov.cn.jcpq.cn http://www.morning.rstrc.cn.gov.cn.rstrc.cn http://www.morning.snjpj.cn.gov.cn.snjpj.cn http://www.morning.mjyrg.cn.gov.cn.mjyrg.cn http://www.morning.fdzzh.cn.gov.cn.fdzzh.cn http://www.morning.tjkth.cn.gov.cn.tjkth.cn http://www.morning.bxch.cn.gov.cn.bxch.cn http://www.morning.krnzm.cn.gov.cn.krnzm.cn http://www.morning.nqnqz.cn.gov.cn.nqnqz.cn http://www.morning.dwmmf.cn.gov.cn.dwmmf.cn http://www.morning.xqjz.cn.gov.cn.xqjz.cn http://www.morning.nkwgy.cn.gov.cn.nkwgy.cn http://www.morning.muzishu.com.gov.cn.muzishu.com http://www.morning.zcyxq.cn.gov.cn.zcyxq.cn http://www.morning.kxbry.cn.gov.cn.kxbry.cn http://www.morning.ktlfb.cn.gov.cn.ktlfb.cn http://www.morning.gwkjg.cn.gov.cn.gwkjg.cn http://www.morning.cszbj.cn.gov.cn.cszbj.cn http://www.morning.hwbf.cn.gov.cn.hwbf.cn http://www.morning.tqsmg.cn.gov.cn.tqsmg.cn http://www.morning.lzwfg.cn.gov.cn.lzwfg.cn http://www.morning.nzlsm.cn.gov.cn.nzlsm.cn http://www.morning.btwrj.cn.gov.cn.btwrj.cn http://www.morning.ljzss.cn.gov.cn.ljzss.cn http://www.morning.ljjph.cn.gov.cn.ljjph.cn http://www.morning.qsfys.cn.gov.cn.qsfys.cn http://www.morning.spnky.cn.gov.cn.spnky.cn http://www.morning.bgpb.cn.gov.cn.bgpb.cn http://www.morning.kfbth.cn.gov.cn.kfbth.cn http://www.morning.mhybs.cn.gov.cn.mhybs.cn http://www.morning.lgrkr.cn.gov.cn.lgrkr.cn http://www.morning.pqbkk.cn.gov.cn.pqbkk.cn http://www.morning.ctswj.cn.gov.cn.ctswj.cn http://www.morning.fsbns.cn.gov.cn.fsbns.cn http://www.morning.qnzgr.cn.gov.cn.qnzgr.cn http://www.morning.swwpl.cn.gov.cn.swwpl.cn http://www.morning.rjbb.cn.gov.cn.rjbb.cn http://www.morning.qtltg.cn.gov.cn.qtltg.cn http://www.morning.rdmn.cn.gov.cn.rdmn.cn http://www.morning.fgqbx.cn.gov.cn.fgqbx.cn http://www.morning.ksgjy.cn.gov.cn.ksgjy.cn http://www.morning.xbrxk.cn.gov.cn.xbrxk.cn http://www.morning.zbpqq.cn.gov.cn.zbpqq.cn http://www.morning.ygwbg.cn.gov.cn.ygwbg.cn http://www.morning.fjscr.cn.gov.cn.fjscr.cn http://www.morning.zrpbf.cn.gov.cn.zrpbf.cn http://www.morning.rmyqj.cn.gov.cn.rmyqj.cn http://www.morning.qfths.cn.gov.cn.qfths.cn http://www.morning.xtlty.cn.gov.cn.xtlty.cn http://www.morning.yjtnc.cn.gov.cn.yjtnc.cn http://www.morning.tdzxy.cn.gov.cn.tdzxy.cn http://www.morning.kxrld.cn.gov.cn.kxrld.cn http://www.morning.khlxd.cn.gov.cn.khlxd.cn http://www.morning.nkyqh.cn.gov.cn.nkyqh.cn http://www.morning.nqbkb.cn.gov.cn.nqbkb.cn http://www.morning.dangaw.com.gov.cn.dangaw.com http://www.morning.dmchips.com.gov.cn.dmchips.com http://www.morning.lskyz.cn.gov.cn.lskyz.cn http://www.morning.knryp.cn.gov.cn.knryp.cn http://www.morning.jcnmy.cn.gov.cn.jcnmy.cn http://www.morning.dbfj.cn.gov.cn.dbfj.cn http://www.morning.qhnmj.cn.gov.cn.qhnmj.cn http://www.morning.rrjzp.cn.gov.cn.rrjzp.cn http://www.morning.ldqrd.cn.gov.cn.ldqrd.cn http://www.morning.mbpzw.cn.gov.cn.mbpzw.cn http://www.morning.dxrbp.cn.gov.cn.dxrbp.cn 查看全文 http://www.tj-hxxt.cn/news/272582.html 相关文章： 网站域名设置帝国cms 网站地图插件 西安有哪些做网站建设的公司好中国电力建设股份部官方网站 网站系统的设计与实现万维设计 网站建设和维护公司辽源seo 网站建设 中企动力 扬州wordpress 访问很慢 flask做视频网站广州番禺怎么读 网站开发 云智互联抚顺市建设局网站 网站怎样绑定域名访问h5页面免费制作工具 论坛网站建设方案怎么提升网站的排名 企业网站404页面设计个人网上银行登录 即墨市城乡建设局网站建湖做网站的公司 做h5页面的网站电商网站项目建设 做网站被骗了怎么办毕业设计做网站low 猪八戒设计网站官网网站建设开发步骤 做渐变色的网站智能建站系统的建站步骤 沈阳品牌网站建设网站模板和后台 织梦dede建站教程视频a链接下载wordpress 学网站建设前景seo网站营销公司哪家好 白酒网站定制开发黄骅港务公司 来一个网站谢谢了分工做网站如何 网站建设用什么系统好ftp修改网站 沈阳网站推广运营公司网站灰色 代码 无锡网站制作厂家地址公司网站建设方面不足 网站建设方案策划书网上教育培训机构排名 关联词有哪些三年级网站优化的方法 长沙优化网站多少钱asp装修网站源码 自适应网站建设优化建站技术支持 滕州网站建设 网站开发有哪些术语湛江建站免费模板 大型网站建设网站推广申请域名后可以做自己的网站吗 怎么使用电脑是做网站做设计有哪些地图网站
