HTML5技术

Vue通过input筛选数据 - 薛伟杰

字号+ 作者:H5之家 来源:H5之家 2017-05-13 09:02 我要评论( )

价格¥ new Vue({ el: '#app', data: {search: '',products: [{name: '苹果',price: 25}, {name: '香蕉',price: 15}, {name: '雪梨',price: 65}, {name: '宝马',price: 2500}, {name: '奔驰',price: 10025}, {name: '柑橘',price: 15}, {name: '奥迪',price:

价格¥

new Vue({ el: '#app', data: { search: '', products: [{ name: '苹果', price: 25 }, { name: '香蕉', price: 15 }, { name: '雪梨', price: 65 }, { name: '宝马', price: 2500 }, { name: '奔驰', price: 10025 }, { name: '柑橘', price: 15 }, { name: '奥迪', price: 25 }] }, computed: { items: function() { var _search = this.search; if (_search) { return this.products.filter(function(product) { return Object.keys(product).some(function(key) { return String(product[key]).toLowerCase().indexOf(_search) > -1 }) }) } return this.products; } } })

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • ABP入门系列(16)——通过webapi与系统进行交互 - 『圣杰』

    ABP入门系列(16)——通过webapi与系统进行交互 - 『圣杰』

    2017-04-25 09:04

  • 自定义input默认placeholder样式 - 小碎步

    自定义input默认placeholder样式 - 小碎步

    2017-04-20 13:00

  • input输入框校验,字母,汉字,数字等 - 张宇凡20

    input输入框校验,字母,汉字,数字等 - 张宇凡20

    2017-03-30 09:01

  • input元素required属性无效 - 虎落平阳变傻屌

    input元素required属性无效 - 虎落平阳变傻屌

    2017-02-07 08:01

网友点评
s