0👍
To increase performance, I think you should filter list before render.
Ex:
computed: {
monitoringProtocol() {
return protocol.filter (item => hasAccess(protocol.ProtocolID,'Monitoring Status')
}
}
Template:
<tbody>
<div v-for="(monitoringProtocol, index) in filterList" v-bind:key="index" class="data-row">
<MonitoringStatusListItem class="data-row" :protocol="protocol" />
</div>
</tbody>
- [Vuejs]-V-model is not defined, passing data from v-data-table to custom component
- [Vuejs]-Vue Vuetify center horizontally and vertically
Source:stackexchange.com