vue中button标签样式和功能禁用的写法

记录工作中遇到的问题：

需求：出试卷时，如果总分超过100则不允许按钮可点击

所用技术栈：Vue3 element-Plus 

HTML代码：

<el-button type="primary" @click="onSubmitExam" >试题生成</el-button>

按钮是这样的：

现在添加disabled属性，总计分数超过100就让它变灰，禁用

<el-button type="primary" @click="onSubmitExam" :disabled="showScore > 100 ? true : false">试题生成</el-button>

 在这里，我判断的是总分，使用三目运算来控制按钮的属性

本文引用了别人的文章vue中button标签样式和功能禁用的写法_vue.js_脚本之家 (jb51.net)