登录页显隐验证

data-ui/src/views/login.vue

@@ -66,6 +66,7 @@
             <el-form-item v-if="sliderOnOff">
               <SliderVerify
                 ref="sliderVerify"
+                id="sliderV"
                 :l="42"
                 :r="10"
                 :w="390"
@@ -77,6 +78,7 @@
             </el-form-item>
             <!-- 滑动拼图验证区 -->
             <el-button
+              id="btn666"
               slot="reference"
               :loading="loading"
               :disabled="!verified"
@@ -190,12 +192,23 @@ export default {
     this.getCode()
     this.getCookie()
     this.fontConfig()
+    this.outSlider();
   },
   mounted(){
     this.getConfigKey();
     this.getVersionInfo();
   },
   methods: {
+    //验证显隐
+    outSlider() {
+      document.addEventListener("click", (e) => {
+        let lt = document.getElementById("sliderV");
+        let box = document.getElementById("btn666");
+        if (!lt.contains(e.target) && !box.contains(e.target)) {
+          this.popoverVisible = false;
+        }
+      });
+    },
     getVersionInfo(){
       getVersionInfo().then(res => {
         this.QRCode = res.data.picUrl