按照快速CRUD开发教程创建了一个页面，发现edit 和delete 按钮都是灰的

在菜单页面新增权限后，编辑，查看，删除按钮仍然置灰

第一种方式就是我说的，给权限菜单，第二种就是把crud.js里的customHandle去掉

好像也没有customHandle

import { request } from "@/api/service";
import { BUTTON_STATUS_NUMBER } from "@/config/button";
import { urlPrefix as bookPrefix } from "./api";
import util from '@/libs/util'

export const crudOptions = vm => {

util.filterParams(vm)
return {
    pageOptions: {
        compact: true
    },
    options: {
        tableType: "vxe-table",
        rowKey: true, // 必须设置，true or false
        rowId: "id",
        height: "100%", // 表格高度100%, 使用toolbar必须设置
        highlightCurrentRow: false
    },
    rowHandle: {
        width: 100,
        view: {
            thin: true,
            text: "",
            disabled() {
                return vm.hasPermissions("Retrieve");
            }
        },
        edit: {
            thin: true,
            text: "",
            disabled() {
                return vm.hasPermissions("Update");
            }
        },
        remove: {
            thin: true,
            text: "",
            disabled() {
                return vm.hasPermissions("Delete");
            }
        }
    },
    indexRow: {
        // 或者直接传true,不显示title，不居中
        title: "序号",
        align: "center",
        width: 100
    },
    viewOptions: {
        componentType: "form"
    },
    formOptions: {
        defaultSpan: 18, // 默认的表单 span
        width: "35%"
    },
    columns: [{
            title: "ID",
            key: "id",
            show: false,
            disabled: true,
            width: 90,
            form: {
                disabled: true
            }
        },
        {
            title: "物料名称",
            key: "name",
            minWidth: 90,
            sortable: true,
            treeNode: true,
            search: {
                disabled: false
              },
            type: "input",
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "物料名称必填" }
                ],
                component: {
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入物料名称"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        },
        {
            title: "物料代号",
            key: "code",
            minWidth: 90,
            sortable: true,
            treeNode: true,

            type: "input",
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "物料代号必填" }
                ],
                component: {
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入物料代号"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        },
        {
            title: "物料组",
            key: "group",
            minWidth: 90,
            sortable: true,
            treeNode: true,

            type: "input",
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "物料组必填" }
                ],
                component: {
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入物料组"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        },
        {
            title: "物料组成员",
            key: "member",
            minWidth: 90,
            sortable: true,
            treeNode: true,
            type: "input",
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "物料组成员必填" }
                ],
                component: {
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入物料组成员"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        },
          {
            title: '物料类型',
            key: 'type',
            search: {
              disabled: false
            },
            width: 145,
            type: 'select',
            dict: {
              data: [{"label": "原材料", "value": 0}, {"label": "中间品", "value": 1}, {"label": "完成品", "value": 2}]
            },
            form: {
                rules: [ // 表单校验规则
                  { required: true, message: '物料类型必填项' }
                ],
                value: 0,
                component: {
                  placeholder: '请选择物料类型'
                },
                itemProps: {
                  class: { yxtInput: true }
                }
              }
          },
        {
            title: "物料规格",
            key: "specification",
            sortable: true,
            treeNode: true,
            minWidth: 90,
            type: "input",
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "物料规格必填" }
                ],
                component: {
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入物料规格"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        },
        {
            title: "物料优先级",
            key: "priority",
            sortable: true,
            treeNode: true,
            minWidth: 90,
            type: "number",
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "物料优先级必填" }
                ],
                component: {
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入物料优先级"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        },
        {
            title: "自动补充物料标志",
            key: "auto_supplement_flag",
            sortable: true,
            treeNode: true,
            minWidth: 90,
            type: 'select',
            dict: {
              data: [{"label": "是", "value": true}, {"label": "否", "value": false}]
            },
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "自动补充物料标志必填" }
                ],
                component: {
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入自动补充物料标志"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        },
        {
            title: "物料最小库存",
            key: "min_safe_stock",
            sortable: true,
            treeNode: true,
            minWidth: 90,
            type: "number",
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "物料最小库存必填" }
                ],
                component: {
                    show (context) {
                        const { form } = context
                        return form.auto_supplement_flag
                      },
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入物料最小库存"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        },
        {
            title: "物料最大库存",
            key: "max_safe_stock",
            sortable: true,
            treeNode: true,
            minWidth: 90,
            type: "number",
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "物料最大库存必填" }
                ],
                component: {
                    show (context) {
                        const { form } = context
                        return form.auto_supplement_flag
                      },
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入物料最大库存"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        },
        {
            title: '备料方式',
            key: 'material_preparation_method',
            search: {
              disabled: false
            },
            width: 145,
            type: 'select',
            dict: {
              data: [{"label": "采购", "value": 0}, {"label": "内制", "value": 1}]
            },
            form: {
                rules: [ // 表单校验规则
                  { required: true, message: '备料方式必填项' }
                ],
                value: 0,
                component: {
                  placeholder: '请选择备料方式'
                },
                itemProps: {
                  class: { yxtInput: true }
                }
              }
          },
        {
            title: '最大制造批量',
            key: 'max_manufacturing_batch',
            sortable: true,
            treeNode: true,
            minWidth: 90,
            type: "number",
            form: {
                rules: [

                    // 表单校验规则
                    { required: true, message: "最大制造批量必填" }
                ],
              component: {
                show (context) {
                    const { form } = context
                    return form.material_preparation_method === 1
                  },
                props: {
                  clearable: true
                },
                placeholder: '请输入最大制造批量'
              },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
          },
        {
            title: "最小制造批量",
            key: "min_manufacturing_batch",
            sortable: true,
            treeNode: true,
            minWidth: 90,
            type: "number",
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "最小制造批量必填" }
                ],
                component: {
                    show (context) {
                        const { form } = context
                        return form.material_preparation_method === 1
                      },
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入最小制造批量"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        },
        {
            title: "制造批量单位",
            key: "unit_manufacturing_batch",
            sortable: true,
            treeNode: true,
            minWidth: 90,
            type: "input",
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "制造批量单位必填" }
                ],
                component: {
                    show (context) {
                        const { form } = context
                        return form.material_preparation_method === 1
                      },
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入制造批量单位"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        },
        {
            title: "最大采购批量",
            key: "max_purchase_batch",
            sortable: true,
            treeNode: true,
            minWidth: 90,
            type: "number",
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "最大采购批量必填" }
                ],
                component: {
                    show (context) {
                        const { form } = context
                        return form.material_preparation_method === 0
                      },
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入最大采购批量"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        },
        {
            title: "最小采购批量",
            key: "min_purchase_batch",
            sortable: true,
            treeNode: true,
            minWidth: 90,
            type: "number",
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "最小采购批量必填" }
                ],
                component: {
                    show (context) {
                        const { form } = context
                        return form.material_preparation_method === 0
                      },
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入最小采购批量"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        },
        {
            title: "采购批量单位",
            key: "unit_purchase_batch",
            sortable: true,
            treeNode: true,
            minWidth: 90,
            type: "input",
            form: {
                rules: [
                    // 表单校验规则
                    { required: true, message: "采购批量单位必填" }
                ],
                component: {
                    show (context) {
                        const { form } = context
                        return form.material_preparation_method === 0
                      },
                    props: {
                        clearable: true
                    },
                    placeholder: "请输入采购批量单位"
                },
                itemProps: {
                    class: { yxtInput: true }
                }
            }
        }
    ].concat(vm.commonEndColumns())
};

};