'v-model' directives require the attribute value which is valid as LHS

Question

I have a Vue application and there is a table where every row has its own id. Then I need to show/hide some elements according condition in v-model directive which compare row id with value in model. The code looks like

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

But this code throws me an error:

'v-model' directives require the attribute value which is valid as LHS

Can somebody tell me please how to solve this problem? Every row has its own condition based on row id.

Thanks for help.

For show / hide data we usually use `v-if`, you use `v-model` totally wrong. Its not mention for statements — bill.gates, Jun 01 '22 at 14:33
@BoussadjraBrahim Buefy. Its b-loading component. I am not sure if it works with v-if. — Čamo, Jun 01 '22 at 15:03
@bill.gates hope it will work with v-if. I will try it tomorov. Thanks. — Čamo, Jun 01 '22 at 15:04

score 1 · Answer 1 · answered Jun 01 '22 at 15:18

1

Try active prop instead of v-model

<b-loading :active="actionLoading === table.row.id"></b-loading>

answered Jun 01 '22 at 15:18

Boussadjra Brahim

82,684
19
144
164

'v-model' directives require the attribute value which is valid as LHS

1 Answers1