Basic Vue function for search
This commit is contained in:
29
js/components/forms/members_list.js
Normal file
29
js/components/forms/members_list.js
Normal file
@@ -0,0 +1,29 @@
|
||||
|
||||
export default {
|
||||
name: 'members-list',
|
||||
|
||||
template: '#search-template',
|
||||
|
||||
props: {
|
||||
members: Array,
|
||||
},
|
||||
|
||||
data: function () {
|
||||
return {
|
||||
searchValue: '',
|
||||
searchedList: [],
|
||||
}
|
||||
},
|
||||
|
||||
mounted: function () {
|
||||
// console.log(this.members)
|
||||
},
|
||||
|
||||
methods: {
|
||||
search: function () {
|
||||
console.log(this.members)
|
||||
this.searchedList = this.members.filter(member => member.name.includes(this.searchValue))
|
||||
console.log(this.searchedList)
|
||||
},
|
||||
},
|
||||
}
|
Reference in New Issue
Block a user