概述
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>
// 更新数据
updateData() { }
// 创建数据
createData() { }
最后
以上就是高挑手机为你收集整理的elementUI 「el-button」执行不同的函数的全部内容，希望文章能够帮你解决elementUI 「el-button」执行不同的函数所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复