使用beforeRouteEnter 对路由导航判断，阻止进入下一个页面有问题

Question

1-页面进入的时候判断条件，我是用了beforeRouteEnter ，但是每次进入的时候判断一次，他好像只是触发了一次
怎样让他每次进入的时候都判断

2-没满足条件的时候怎样阻止他进入下一个页面

这是我的html

    <router-link to="./carrerTouMangDraw" exact>
      <div class="item step1 dis-flex flex-colum  flex-center">
        <p>1</p>
        <p>分组抽签</p>
      </div>
    </router-link>

    <router-link to='./careerTouMangOut'>
      <div class="item step2 dis-flex flex-colum  flex-center">
        <p>2</p>
        <p>淘汰赛管理</p>
        <img src="../../assets/images/career/handle.png" alt="" class="handle">
      </div>
    </router-link>

js代码

beforeRouteEnter (to, from, next) {
next((vm) => { //参数vm就是当前组件的实例。
  vm.dialogOption.text = `<p>您的赛事报名不足两支球队</p> <p>无法生成赛程</p>`
  vm.showdialog()
  next(false) //这里没有效果
})

Answer 1

if (to.name == 'CareerTouMangOut') {
  next((vm) => {
    vm.dialogOption.text = `<p>您的赛事报名不足两支球队</p>`
    vm.showdialog()
  })
} else {
  next(false)
}