版本号:
vue/cli:4.5.12
vant:^3.0.10
问题
离开当前的组件,在onBeforeRouteLeave
中触发vant
弹框失效
解决方案
import {
ref
} from 'vue';
import {
onBeforeRouteLeave
} from "vue-router";
export default {
setup() {
const showDialog = ref(false);
onBeforeRouteLeave((to) => {
const timer = setTimeout(() => {
showDialog.value = true;
clearTimeout(timer);
}, 100)
return false;
});
return {}
}
}