elementUI 「el-button」执行不同的函数

178 阅读 0 评论 118 点赞

我是靠谱客的博主高挑手机，这篇文章主要介绍elementUI 「el-button」执行不同的函数，现在分享给大家，希望可以做个参考。

Vue模板开发过程中，经常出现 创建 和 编辑使用同一个模板，在需要提交的时候，button 需要执行不同的函数，这时，可以在button上使用三目表达式。
// editFlag
为父组件传递过来的值，应为 布尔类型 ，当 editFlag
为 true 时，执行 updateData()，否则执行 createData()
<div slot="footer" class="dialog-footer" style="width:90%;text-align: right">
<el-button type="primary" @click="editFlag ? updateData() : createData()">{{ $t('table.confirm') }}</el-button>
</div>