vue添加高峰期限制

<template>

        <view>

             <view v-if="show">

                    //正文

             </view>

                <view v-else class="nodata">
                    <view class="nodataImg">
                        <img style="width: 100%"
                            src="图片地址" />
                    </view>
                     <view class="nodataTxt">
                        <text>当前为使用高峰期，请稍后再试</text>
                    </view>
                </view>

        </view>

</template>

<script>

import moment from "moment";

mounted() {
            if (this.isPeakPeriod()) {
                this.show = false;
                return
            }
            this.show= true;        

},

methods: {
            // 当天6：30 ~ 9：00，11：30 ~ 12：00， 17：30 ~ 19：00属于高峰期
            isPeakPeriod() {
                let first = this.timeIn("06:30:00", "09:00:00");
                let second = this.timeIn("11:00:00", "12:00:00");
                let three = this.timeIn("17:30:00", "19:00:00");
                return first || second || three;
            },
            /*在某段时间内*/
            timeIn(s, e) {
                let t = moment().format("YYYY-MM-DD");
                if (
                    moment(t + " " + s).diff(moment()) < 0 &&
                    moment(t + " " + e).diff(moment()) > 0
                ) {
                    return true;
                }
                return false;
            }

}

</script>