Vue项目中重置Select的选中状态
作者:
被饿死的小智啦 | 来源:发表于
2020-05-12 11:13 被阅读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();
刷新页面吧,于是乎有了第二段代码,不过第二段代码多少体验上面有些不好,就是当个参考,我也就这样记录一下吧,指不定会有更好的办法,希望大佬们指正一下。
本文标题:Vue项目中重置Select的选中状态
本文链接:https://www.haomeiwen.com/subject/xjvvnhtx.html
网友评论