<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>vue自定義過濾器</title> <script src="https://unpkg.com/vue/dist/vue.js"></script></head><body> <div id="app"> <input v-model='search'/> <ul v-for="item in products "> <li>{{item.name}},價格:￥{{item.price}}</li> </ul> </div> <script> Vue.filter('searchFilter', function(value) { ... })var vm = new Vue({ el:'#app', data: { products: [ {name: '蘋果',price: 25,category: "水果"}, {name: '香蕉',price: 15,category: "水果"}, {name: '雪梨',price: 65,category: "水果"}, {name: '寶馬',price: 2500,category: "汽車"}, {name: '奔馳',price: 10025,category: "汽車"}, {name: '柑橘',price: 15,category: "水果"}, {name: '奧迪',price: 25,category: "汽車"} ] }})</script></body></html>
vuejs 2.0 fliter 搜索過濾怎么做啊---新手
人到中年有點甜
2018-10-16 13:21:57