免费毕业论文答辩ppt模板_锐捷网络公司排名_谷歌商店下载官方_真正免费的网站建站平台运营

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

方法：使用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;

            }

          }

        }

      }