博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue模糊搜索&select取值
阅读量:5094 次
发布时间:2019-06-13

本文共 1165 字,大约阅读时间需要 3 分钟。

之前vue1.0的过滤器真的很好使,但是作者为了不让搬运工变得太菜。硬是砍去了过滤器,为此,我还哭了好一阵,终于,一点一点的弄明白了过滤器是怎么回事后,也学明白了vue里的属性监听器computed以及框架里提供的filter的使用,觉得,作者这样做是对的。

先来一个模糊搜索

  • {
    { user.code }}
new Vue({ el: '.app', data: { name: '', users: [ { code: '11111' }, { code: '8797979' }, { code: '4565465' }, { code: '555555' }, { code: '1006' }, { code: '2555' }, ] }, computed: { newUsers: function () { var that = this; return that.users.filter(function (user) { return user.code.toLowerCase().indexOf(that.code.toLowerCase()) !== -1;//当然如果是纯属字就可以不用转换小写了,处于习惯还是加上了 }) } } })

  接下来还有一个select的,其实官网有例子,但是我还是毫无保留的拿出来了。

    Selected: {
{ selected }}
new Vue({ el: '.app', data: { selected: '30', options: [ 30,50,70,100 ] },})

  

转载于:https://www.cnblogs.com/webSong/p/7224693.html

你可能感兴趣的文章
收集WebDriver的执行命令和参数信息
查看>>
VS2010版快捷键
查看>>
SSH(Struts2+Spring+Hibernate)框架搭建流程
查看>>
数据结构与算法(三)-线性表之静态链表
查看>>
mac下的mysql报错:ERROR 1045(28000)和ERROR 2002 (HY000)的解决办法
查看>>
Hmailserver搭建邮件服务器
查看>>
django之多表查询-2
查看>>
BULK INSERT, 实战手记:让百万级数据瞬间导入SQL Server
查看>>
快速幂
查看>>
改善C#公共程序类库质量的10种方法
查看>>
AIO 开始不定时的抛异常: java.io.IOException: 指定的网络名不再可用
查看>>
MyBaits动态sql语句
查看>>
[苦逼程序员的成长之路]1、飞扬小鸟
查看>>
零基础自学用Python 3开发网络爬虫(二): 用到的数据结构简介以及爬虫Ver1.0 alpha...
查看>>
修改JEECG项目浏览器标题
查看>>
HDU4405(期望DP)
查看>>
Linux下svn的部署
查看>>
拉格朗日乘子法 那些年学过的高数
查看>>
Linux下MySQL数据库的备份与还原
查看>>
vs code 的便捷使用
查看>>