weui picker 使用问题

Question

最近使用 weui 里面的 datepicker 组件的时候遇到了一个问题：弹出来 选择年月日的框之后，直接点击导航上的“返回” 按钮，picker 选框不消失，这个问题怎么解决呢？看文档里面没有提到相关问题，有没有伙伴遇到过？

Answer 1

如果是用于spa单页应用：

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

let mask = document.getElementsByClassName("weui-mask")[0];
let picker = document.getElementsByClassName("weui-picker")[0];
if (mask && picker) {
  var btn = document
    .getElementsByClassName("weui-picker")[0]
    .getElementsByClassName("my-btn")[0];
  var e = document.createEvent("MouseEvents");
  e.initEvent("click", true, true);
  btn.dispatchEvent(e);
}

当时我是用第二种方法做的，有点笨