Leanote's Blog

动态缓存组件

• 使用keep-alive的include, 动态控制状态

不能缓存多层级路由

• 解决: 干掉中间空白路由, 只支持3层路由

  1. 使用include或者exclude
  2. 二级router-view设置组件name属性

  3. 在router.beforeEach中加入如下代码

     if (to.matched && to.matched.length > 2) {
         for (let i = 0; i < to.matched.length; i++) {
             const element = to.matched[i]
             if (element.components.default.name === 'Blank') {
                 to.matched.splice(i, 1)
             }
         }
     }

常用命令图示

拉取指定分支的代码

git clone -b 分支 仓库地址

只能选今天或者今天以后的日期

disabledDate = (current) => {
    return current && current < moment().startOf('day').subtract(0, 'days');
}

只能选今天或者今天以后的小时

disabledRangeTime = (_, type) => {
    const { form: { getFieldValue } } = this.props
    if (type === 'start') {
        const nowHours = moment().hours()
        const time = getFieldValue("time")
        if (time && moment(time[0].format("YYYY-MM-DD")).valueOf() <= moment(moment().format("YYYY-MM-DD")).valueOf()) {
            return {
                disabledHours: () => this.range(0, nowHours),
            };
        }
    }
}

在关闭选择时间面板的时候判断是否小于(当前时间 + 10s)

onOpenChange = (status) => {
    const { form: { getFieldValue, setFields } } = this.props
    const time = getFieldValue("time")
    if (!status) {
        if (time && (moment(time[0]).valueOf() + 10000) < moment().valueOf()) {
            setFields({
                time: {
                    value: null,
                    errors: [n