How can I filter like this on vue.js?
$followid = [1,2,3,4,4,5];
foreach ($array as $element)
if (in_array($element->id, $followid))
endif
endforeach
3 Answers
You should not use a filter for this usecase. I am not sure that you have access to 'this' in a filter. I encourage you to use a computed property that returns the array to display.
computed: {
actifOnline: function() {
let self = this;
return this.online.filter((o) => {
return self.editlistAssesments.indexOf(o) > -1
}
}
}
1 Comment
lucascaro
no need to
let self = this if you are using an arrow function :)You need to return bool in filter:
ifInArray: function (value) {
return this.editlistAssesments.indexOf(value) > -1 ? true : false;
}
4 Comments
Syahril R
i have try like this, <span >@{{ display.id | ifInArray }}</span>
Syahril R
and error [Vue warn]: Error in render: "TypeError: Cannot read property 'indexOf' of undefined"
Syahril R
and i try <div v-if="display.id | ifInArray">
Syahril R
error [Vue warn]: Property or method "ifInArray" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.
I ended up on this question trying to solve a similar problem, I think.
I used a method as my solution, I had an array of users and I needed to match the current logged in user with the managers array of users on my model:
methods: {
isManager( task, current_user ) {
return task.managers.find(x => x.id === current_user.id);
}
}
Usage:
<button v-if="isManager(task, current_user)">Approve</div>
?(question mark).display.idis inthis.editlistAssesments, which I assume is an array based onindexOf. You could just replace:<div v-if="display.id | ifInArray">with<div v-if="editlistAssesments.includes(display.id)">.