Vue+ELEMENT-UI按钮根据后台返回的状态值进行动态的颜色渲染，是否禁用和按钮名称的改变

Vue+ELEMENT-UI按钮根据后台返回的状态值进行动态的颜色渲染，是否禁用和按钮名称的改变

有个需求，对接货单号的操作。

1. 新建接单完成后单子的状态会变成"待接货"状态，再次进行点击。
2. 进入接货单，点击确认接货按钮，此时颜色为蓝色，然后返回。
3. 列表状态变成"确认接货"。
4. 点击单号进入详情，按钮变为灰色禁用，值变为了"已接货"。

下面是具体实现代码

telmplete里的html代码

<el-form-item style="margin-top: -22px">
                <el-button style="margin-left: 10px;" size="small" :type="btnColor" @click="receiveOrder" :disabled="isAble" >{
   
   {
   
   editBtn}}<