el-button type 三元

引用\[1\]中提到了通过二元表达式或三元表达式来判断el-button的type属性。在给el-button设置type属性时，可以使用三元表达式来根据条件动态设置type的值。例如，可以使用以下代码来根据scope.row.state的值来设置type属性：

<el-button @click="editMessage(scope.row)" :type="scope.row.state === '已完成' ? 'success' : 'primary'" size="small" round>编辑</el-button>

这样，当scope.row.state的值为"已完成"时，type属性的值为"success"，否则为"primary"。这样就可以根据条件动态设置el-button的样式。\[1\] \[3\]
#### 引用[.reference_title]
- *1* *2* *3* [el-table 表格内如何根据变量禁用或条件渲染按钮](https://blog.csdn.net/wohuizuofan1/article/details/116106159)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]