vue 禁用element-ui calendar 取消非本月日期的点击事件

需求描述：原本的日历组件不是本月的日期是灰色的，且点击后会跳转到对应的月份，现在不想它跳转，需要禁用它的点击事件

方法：使用css的pointer-events:none属性即可，把不是当前月份的日历表格的td属性修改

::v-deep .el-calendar {

        .el-calendar-table{

          width: 100%;

          height: 100%;

          &:not(.is-range){

            //使不是本月的日期不可点击，不会跳转到其他月份

            // 当元素的 pointer-events 属性被设置为 none 时，该元素及其子元素将无法与鼠标或触摸设备产生交互作用，即无法触发事件。

            td.next{

              pointer-events: none;

            }

            td.prev{

              pointer-events: none;

            }

          }

        }

      }