鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ weui picker 使用問題

weui picker 使用問題

最近使用 weui 里面的 datepicker 組件的時候遇到了一個問題：彈出來 選擇年月日的框之后，直接點擊導(dǎo)航上的“返回” 按鈕，picker 選框不消失，這個問題怎么解決呢？看文檔里面沒有提到相關(guān)問題，有沒有伙伴遇到過？

回答
編輯回答
氕氘氚

如果是用于spa單頁應(yīng)用：

  1. 可以指定weui插入的容器，這樣當(dāng)你在返回時就沒有了。
  2. 監(jiān)測路由變化，自動觸發(fā)確定按鈕的點擊事件。
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);
}

當(dāng)時我是用第二種方法做的，有點笨

2017年6月21日 08:27