edge browser. After several el-select selections, the page will be refreshed, and sometimes you will jump to a 404 page (not all edge will)
edge browser. After several el-select selections, the page will be refreshed, and sometimes you will jump to a 404 page (not all edge will)
<el-select @visible-change="visibleChange">
/// options
</el-select>
export default {
methods: {
visibleChange(isVisible) {
const isEdge = window.navigator.userAgent.includes('Edge');
if (isEdge && !isVisible) {
document
.querySelectorAll('body > .el-select-dropdown.el-popper')
.forEach((it) => it.remove());
}
},
},
}
Today's test also found this problem
that's true
edge browser, with a few more operations of el-select, it is easy for the page to get stuck, and the browser shows that this page cannot be loaded
has the problem been solved
solution: defines a temporary variable, but it needs to be hidden, otherwise it will be displayed <span v-show="false"> {{message = chat.messages[chat.messages.length-1]}} < span> {{message.content}} similar...