The "v-model" directive requires valid attribute values ​​as LHS

Question

I have a Vue application and I have a table where each row has its own id. I then need to show/hide some elements based on a condition in the v-model directive which compares the row ID to the value in the model. The code looks like

<b-loading v-model="actionLoading === table.row.id"></b-loading>

But this code gives me an error:

The "v-model" directive requires valid attribute values ​​as LHS

Can someone tell me how to solve this problem? Each row has its own condition based on the row ID.

thanks for your help.

Answer 1

Try using the active attribute instead of v-model