Able to enable row-click in Element UI for certain condition VueJS

Question

I just want to ask how to enable the row click event in Element UI only for a certain condition. For example, the row should only be clicked if the status is 'Approved'

<el-table @row-click="view"> <!--the row can only be clicked if the status is 'Approved' -->
</el-table>

I don't have any idea about it. Or this code can be effective: :row-clicked

U-Dev · Accepted Answer · 2021-07-27 09:07:52Z

1

You can do something like, @row-click="condition ? view : undefined". if condition is true it will call the function else nothing will happen.

You can also use v-on="condition ? { 'row-click': view } : {}".

answered Jul 27, 2021 at 9:07

U-Dev

1,4659 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

boldsinas101 Over a year ago

for example if the condition is came from data, something like this <el-table :data="dataList" @row-click="dataList.status === 'Approved' ? view : undefined"> that condition would work?

Collectives™ on Stack Overflow

Able to enable row-click in Element UI for certain condition VueJS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related