slider无法滑动

一、该问题的重现步骤是什么？

1. 在avue-crud的行编辑使用slider无法滑动

2. 

const option1 = ref({

  saveBtn: false,

  align: 'left',

  menuAlign: 'right',

  menuHeaderAlign: 'right',

  addBtn: false,

  gridBtn: false,

  columnBtn: false,

  border: true,

  refreshBtn: false,

  cancelBtn: false,

  delBtn: false,

  height: '200',

  index: true,

  indexLabel: '序号',

  cellBtn: true,

  indexWidth: 77,

  menuWidth: '76',

  menuClassName: 'menuClassName',

  column: [

    {

      label: '甲方字段',

      prop: 'templateName',

      cell: true,

    },

    {

      label: '是否结算为开票账户',

      prop: 'isInvoiceAccount',

      cell: true,

      minWidth: '180',

      type: 'switch',

      dicData: [

        {

          label: '否',

          value: 0,

        },

        {

          label: '是',

          value: 1,

        },

      ],

    },

    {

      label: '阶梯类型',

      prop: 'businessType',

      type: 'select',

      cell: true,

      dicData: [

        {

          label: '件量',

          value: 0,

        },

        {

          label: '比例',

          value: 1,

        },

      ],

    },

    {

      label: '滑块',

      prop: 'slider',

      type: 'slider',

      showStops: true,

      max: 10,

      cell:true,

      range: true,

      value: [4, 8],

    },

    {

      label: '单价（元）',

      prop: 'detail',

      cell: true,

    },

    {

      label: '系统字段',

      prop: 'systemFields',

      cell: true,

      type: 'select',

      filterable: true,

      props: {

        label: 'name',

        value: 'id',

      },

    },

  ],

});

3.

二、你期待的结果是什么？实际看到的又是什么？

三、你正在使用的是什么产品，什么版本？在什么操作系统上？

四、请提供详细的错误堆栈信息，这很重要。

五、若有更多详细信息，请在下面提供。