能够在特定条件下在元素 UI 中启用行单击 VueJS

Question

我只想问一下如何在ElementUI中只针对特定条件启用行点击事件。例如，仅当状态为 'Approved'

时才应单击该行

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

我对此一无所知。或者这段代码可以生效：:row-clicked

Answer 1

你可以做类似 @row-click="condition ? view : undefined" 的事情。如果 condition 为真，它将调用该函数，否则什么也不会发生。

您也可以使用v-on="condition ? { 'row-click': view } : {}"。