zoukankan      html  css  js  c++  java
  • Vue使用 weui picker 弹出框不消失

    前言

    最近使用 weui 里面的 datepicker 组件的时候遇到了一个问题:

    弹出来 选择年月日的框之后,直接点击导航上的“返回” 按钮,picker 选框不消失,也就是弹出框不消失

     weui.datePicker({
              start: 1900, // 从今天开始
              end: 2030,
              defaultValue: dayArray,
              //cron: "* * 0,6", // 每逢周日、周六
              onChange: function(result) {},
              onConfirm: function(result) {
                _self.signData.requiredFields[index].val =
                  result[0].value + "-" + result[1].value + "-" + result[2].value;
                _self.$forceUpdate();
              },
              id: "datePicker"
     });

    然后你点返回的时候弹出框不消失

    查阅了相关文档和资料

    1. 可以指定weui插入的容器,这样当你在返回时就没有了。
    2. 监测路由变化,自动触发确定按钮的点击事件。

    我是在返回那个页面 的  mounted()的方法里面。代码如下:

     mounted() {
       // new Mdate("dateSelectorOne");
        let _this = this;
        let mask = document.getElementsByClassName("weui-mask")[0];
        let picker = document.getElementsByClassName("weui-picker")[0];
        if (mask && picker) {
          var btn = document.getElementsByClassName("weui-picker__action")[0]
          var e = document.createEvent("MouseEvents");
          e.initEvent("click", true, true);
          console.log(btn.dispatchEvent(e))
          btn.dispatchEvent(e);
        }
    }

    这样就解决了,有点投机取消的感觉,但也是解决了

  • 相关阅读:
    批处理禁止指定的IE的加载项
    理解一个简单的网页请求过程
    求两条直线(线段)的交点
    hdu 3635 Dragon Balls (并查集)
    uva 12452 Plants vs. Zombies HD SP (树DP)
    ural 1500 Pass Licenses (状态压缩+dfs)
    sgu 321 The Spy Network (dfs+贪心)
    poj3535 A+B (大数加法)
    zkw线段树专题
    ZOJ 2671 Cryptography 矩阵乘法+线段树
  • 原文地址:https://www.cnblogs.com/yf-html/p/9959017.html
Copyright © 2011-2022 走看看