Vue el-搜索框大小写忽略

最新推荐文章于 2023-04-07 13:45:45 发布
最新推荐文章于 2023-04-07 13:45:45 发布
阅读量3.1k 收藏 2
点赞数 2
原文链接：https://www.jianshu.com/p/839623e66108
版权

大小写忽略

data[i].name.toUpperCase().includes(_this.message.toUpperCase());

data中的name 转化为大写，搜索选项也设置为大写，即可忽略大小写，当然使用小写也是可以的

Ronin-code
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决element-ui不区分大小写排序的坑
a576837179的博客
11-11 1061
因项目要求需对表格增加排序功能。开始在代码内写sortable便可进行默认排序，会发现只对当前页进行排序。后来要求对所有页进行排序，于是就加上@sort-change，这是触发排序时会执行的方法，再写个sort_change函数并返回比较结果。问题来了！发现点击排序顺序是数字大写小写，可要求是不区分大小写排序，查遍全网也没解决。经过看文档仔细琢磨，才知道光写sortable执行的是sort-method默认的a-b升序，又执行了@sort-change函数，等于进行了两次排序才导致的报错。于是改成sorta
vue el-table实现自定义表头
10-15
主要为大家详细介绍了vue el-table实现自定义表头，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
elementUi vue el-radio 监听选中变化的实例代码
01-19
elementUi vue el-radio 监听选中变化的实例代码如下所述： //change是radio-group标签的事件 男 女 export default { name: 'Radio',
深入解析Vue 组件命名那些事
01-19
There are only two things in Computer Sciences: cache invalidation and naming things. —— Phil Karlton 诚如上述所言，编程中变量命名确实令人很头疼。我们模糊地知道，Vue 组件的名称最好不要和原生 HTML 标签相同。为了避免重名，通常会在组件名称前面加上一个前缀，如 el-button、el-input、el-date-picker。这通常不会有什么问题，但有时候你的模板中混杂了原生 HTML 标签和组件标签，要想区分它们并不是很容易。 当我看到 Ant.design 的 React 组件是
基于Vue el-autocomplete 实现类似百度搜索框功能
10-16
本文通过代码给大家介绍了Vue el-autocomplete 实现类似百度搜索框功能,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
vue el-table实现行内编辑功能
10-15
主要为大家详细介绍了vue el-table实现行内编辑功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
基于elementUI封装的不区分大小写下拉搜索组件
老衲的少女心i~
09-21 731
二次封装下拉搜索组件，不区分大小写
vue实现下拉框 模糊搜索+不区分大小写 (用到了el-select)
qq_41775006的博客
12-23 5413
效果图 <el-form-item label="国家" prop="country"> <el-select v-model="dataForm.country" style="width:300px" filterable remote reserve-keyword placeholder="请输入关键词" :remote-method="remoteMetho
前端过滤加模糊查询/模糊查询（不区分大小写）
qq_42177730的博客
06-28 2395
<template> <el-container> <el-aside width="350px" class="elAside"> <div class="leftTop"> <img src="../assets/guowanglogo.png"/> <el-input v-model="filterText" placeholder="请输入要搜索的...
element-ui中el-select下拉框数据过多，用pinyin-match实现拼音、首字母、汉字等模糊搜索
前端探险家的博客
05-15 5074
人狠话不多，上图！ pinyin-match
解决vue中el-tab-pane切换的问题
10-15
主要介绍了解决vue中el-tab-pane切换的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
ASP 高亮显示不区分大小写的关键字
10-29
今日，碰到一个问题：如何在网页中高亮显示不区分大小写的关键字
Vue搜索关键字高亮以及不区分大小写
ycc1111的博客
03-22 417
给需要高亮的内容加上改方法即可！
使用正则表达式实现不区分大小写的高亮搜索
katherine5980的博客
06-24 1227
需求：搜索框输入变化时，匹配符合的元素匹配部分高亮。 背景：元素名称为<input>，可以重命名。 设计方案：搜索状态时，通过正则匹配，将<input>组件通过DOM操作，替换成<span>分割的字符，通过<span>的class实现高亮样式；在重命名时，显示回原来的<input>组件。 主要方法： 主要为正则匹配替换的方法。 handleSearchMode: function(pattern) { if(p
Select输入框的值默认大写
m0_51041905的博客
10-16 565
现在客户提出需求，需要在select输入框模糊搜索时，将输入的字母默认为大写，
不区分大小写搜索高亮【モモト】
momoTo_33的博客
03-11 373
<template> <el-select v-model="value" multiple filterable remote reserve-keyword placeholder="Please enter a keyword" :remote-method="remoteMethod" > <el-option v-for="item in options" :key="item.value" :v
【01】vue.js — 简析入门
有心博客
08-31 636
Vue.js官方介绍称之为渐进式JavaScript框架，具有易用，灵活，性能高等显著特点，经小编近来由面向DOM编程转向面向模板编程过程学习中发现，Vue.js确实是款不错的框架。通过网上找了一套视频教程，这套视频教程是由智能社发布，现想边学准备把知识点整理发布。如有不妥之处，请立即联系小编，我会火速处理的^_^。
el-tree 过滤不区分字母大小写
枫林晚风起
04-07 809
转换一下思路就行了，把输入的转小写，把需要匹配的也转小写，这样就全同了，保证前后一致即可，这样输入tr,TR,Tr，tR都可以匹配到。这上面其他的属性暂时不需要，需要的就是这个:filter-node-method=“filterNode”，自定义过滤函数。比如我输入Tr，这里面匹配的就是TR和tr，但是如果真正的数据里就是Tr，那么这样是匹配不到的。但是后来使用的过程中发现，这种只会进行全大写和全小写的匹配，而不会进行大小写混写的匹配。原本也没什么问题，就是把输入的进行大小写转换，两次匹配。
基于多种编程语言的卡拉音乐播放器设计源码
最新发布
05-28
本项目是基于多种编程语言的卡拉音乐播放器设计源码，包含625个文件，其中包括389个JavaScript文件、70个TypeScript文件、52个PNG图像文件、22个JSON配置文件、19个Vue文件、12个MAP文件、11个WXSS样式文件、9个WXML模板文件、7个SVG文件和5个EOT字体文件。系统专注于提供卡拉音乐播放器功能，支持歌曲播放、播放列表管理等功能，为用户提供了一个稳定、高效的卡拉音乐播放器。
vue el-cascader框一直在抖动
09-13
根据你提供的信息，关于vue el-cascader框一直在抖动的问题，你可以尝试以下方法来解决： 1. 检查样式：根据中提供的信息，确保你的样式设置正确。你可以在没有scoped的style里面写样式来避免抖动问题。具体来说，你可以尝试以下样式设置： - 对于表单验证信息出现时页面抖动问题，可以添加如下样式： ``` .reprint-remark-form .el-form-item__error { transition: none!important; } ``` - 对于多选框选中时页面抖动问题，可以添加如下样式： ``` .el-checkbox ::after { transition: none!important; } ``` - 对于单选框选中时页面抖动问题，可以添加如下样式： ``` .el-radio ::after { transition: none!important; } ``` - 对于下拉框触发时页面抖动问题，可以添加如下样式： ``` .el-icon-caret-right { transition: none!important; } ``` - 对于element中的icon之一的抖动问题，可以添加如下样式： ``` .el-input__icon { transition: none!important; } ``` - 对于el-tab标签页切换时页面抖动问题，可以添加如下样式： ``` .el-tabs__active-bar { transition: none!important; } ``` 你可以根据具体情况选择添加适当的样式来解决抖动问题。 2. 检查代码：如果样式设置没有解决问题，你可以仔细检查代码中是否存在其他可能引起抖动的问题。参考链接中的文章可能会提供一些更详细的解决方案或思路，你可以参考其中的内容进一步排查问题。 总之，通过检查样式和代码，你可以尝试解决vue el-cascader框一直在抖动的问题。希望这些方法能对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值