5.router实例钩子

来源：互联网发布：mac删除最近使用记录编辑：程序博客网时间：2024/06/03 20:39
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body>  <div id="app">      <router-view></router-view>      <a href="#/">home</a>      <a href="#/test">test</a>  </div>  <template id="home">      <div>          <textarea v-model="text" name="" id="" cols="30" rows="10"></textarea>      </div>  </template>  <script src="./vue.min.js"></script>  <script src="./vue-router.js"></script>  <script>      var home={          data(){              return{                  text:''              }          },          template:'#home',          beforeRouteLeave(to,from,next){             if(this.text){                 if( confirm('是否保存')) {                     //console.log('保存成功')                     //add product  update                     next();                 }else{                     next();                 }              }else{                 next()             }          }      }      var router=new VueRouter({          routes:[              {                  path:'/',                  component:home              },{                  path:'/test',                  component:{template:'<div>test</div>'}              }          ]      })      new Vue({          el:'#app',          router      })  </script></body></html>
阅读全文
0 0