提示:本文是开发过程的随笔记录


前端需求

提示:需求

根据data数据中的is_commite 变量的值,来决定显示哪个按钮。
在这里插入图片描述
在这里插入图片描述


提示:实现

一、初始化data中变量is_commite

在这里插入图片描述
在这里插入图片描述

二、前端界面设置

<div style="text-align: center;">
			<el-button type="primary" :disabled="is_commite == 0 ? true:false">提交成绩</el-button>
			<el-button type="success" :disabled="is_commite == 1 ? true:false">撤销成绩</el-button>
		</div>

:disabled="is_commite == 0 ? true:false"完美解决需求。

总结

对于开发过程中的一点小问题,解决过程虽然曲折,但结果却令人欢心。虽可以用一大片代码完成上述功能,但我还是热衷于精简的代码之美。
欢迎大家批评指正。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐