The detection of hypochlorite (ClO-) content in tap water is extremely important because excess amounts of hypochlorite can convert into highly toxic species and inadequate amounts of hypochlorite cannot fully kill bacteria and viruses. Although several metal-organic frameworks (MOFs) have been successfully employed as fluorescent sensors for hypochlorite detection, all these sensors are based on single emission that responds to the dose of hypochlorite. Ratiometric sensors are highly desirable, which can improve the sensitivity, accuracy, and reliability via self-calibration. Herein, a nanoscale dual-emission multivariate 5-5-Eu/BPyDC@MOF-253-NH2 was synthesized by sequential mixed-ligand self-assembly and postsynthesis method. Among the two emission bands of 5-5-Eu/BPyDC@MOF-253-NH2, the strong blue emitting derived from ligands is sensitive to hypochlorite, while the red emitting derived from Eu(III) almost keeps invariable. Therefore, 5-5-Eu/BPyDC@MOF-253-NH2 was exploited as a fluorescent ratiometric nanosensor for "on-off" sensing of hypochlorite. Notably, the proposed sensing system showed an excellent performance including fast response (within 15 s), relative high specificity, wide linear range (0.1-30 µM), and low detection limit (0.094 µM). Besides, the suppressed blue emitting was recovered after the addition of ascorbic acid (AA) that consumes ClO- via the redox reaction. Therefore, 5-5-Eu/BPyDC@MOF-253-NH2 was further employed as a fluorescent ratiometric nanosensor for the "on-off-on" sensing of AA. This work represents the first MOF-based fluorescent "switch" for the ratiometric sensing of hypochlorite and the second for ratiometric sensing of AA.