Vue项目中重置Select的选中状态

2020-05-12  本文已影响0人  被饿死的小智啦

重置方法

  mounted: function() {
    document.getElementById("type-select").options.selectedIndex = 0; //回到初始状态
    $("#type-select").selectpicker("refresh"); //对type-select这个下拉框进行重置刷新
  }

另外一种方式

  mounted: function() {
       setTimeout(() => {
      if (document.getElementById("type-select").options[0].selected != true) {
        location.reload();
        }
      }, 100);
  }

预览效果 预览图.gif

题外话,我这边需要解决的问题是:现在有AB两个页面,在A页面选择了状态之后跳转到了B页面,在B页面点击浏览器的返回上一页之后A页面Select选择框的状态还是保持上一次点击的,但是现在显示的数据却对不上选择的状态,所以现在我需要把Select状态充值一下,谷歌百度了半天也没有找到合适的方法,像是文中的第一段代码,虽然看起来是可以解决问题了,但是实际上再去选择的时候还是有点bug。最后没啥办法了,我就心一横直接location.reload();刷新页面吧,于是乎有了第二段代码,不过第二段代码多少体验上面有些不好,就是当个参考,我也就这样记录一下吧,指不定会有更好的办法,希望大佬们指正一下。

上一篇 下一篇

猜你喜欢

热点阅读