element UI 如何控制table列表最后的操作按钮的显示和隐藏？

需求：操作按钮修改和删除在这行是未冻结显示，是已冻结隐藏。

代码如下：

<!—假设权限的字段是 vehicleFreeze -->
<el-table-column label="车辆冻结" align="center" prop="vehicleFreeze" :formatter="vehicleFreezeFormat" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
  <template slot-scope="scope">
    <el-button
      size="mini"
      type="text"
      icon="el-icon-close"
      @click="handleFrozen(scope.row)"
      v-hasPermi="['logistics:vehicleinfo:frozen']"
    >冻结</el-button>
    <el-button
      size="mini"
      type="text"
      icon="el-icon-check"
      @click="handleEnable(scope.row)"
      v-hasPermi="['logistics:vehicleinfo:enable']"
    >启用</el-button>
    
	<!—使用 v-if 来判断，如果当前行的冻结状态值 为0（未冻结），就显示按钮，否则不显示-->
    <el-button
      size="mini"
      type="text"
      icon="el-icon-edit"
      @click="handleUpdate(scope.row)"
      v-hasPermi="['logistics:vehicleinfo:edit']"
      v-if="scope.row.vehicleFreeze == 0"
    >修改</el-button>
    <el-button
      size="mini"
      type="text"
      icon="el-icon-delete"
      @click="handleDelete(scope.row)"
      v-hasPermi="['logistics:vehicleinfo:remove']"
      v-if="scope.row.vehicleFreeze == 0"
    >删除</el-button>
  </template>

实现效果：