VUE返回上一层时对当前逻辑判断

2020-01-16 14:39:51

在移动端VUE项目中，默认有返回上一层的功能，例如安卓手机的左上角返回按钮。

当我们需要在返回上一级之前进行某些函数判断时，可以借助beforeRouteLeave 进行判断。

 具体作法：


beforeRouteLeave(to,from,next) {
 
       if (this.btnColorChange==false){
          MessageBox.confirm('',{
                   title:'确定要退出调查?退出将不保存答题记录',
                    cancelButtonText:'暂不',
                     confirmButtonText:'退出'
               })
               .then(action=>{
                   //退出
                  //  this.$router.push('/surveytest')
                  next()
               })
       }else {
         next()
       }
     		   
		    
     	},

这样就实现了在移动端退出当前页面返回上一级的时候进行了判断。其中的next()指向的就是判断执行后的上一级。



  • 精彩推荐

  • 2018-12-07 08:26:37

    mysql线程池和连接池的区别

    可能有的DBA会把线程池和连接池混淆，其实两者是有很大区别的，连接池一般在客户端设置，而线程池是在DB服务器上配置；另外连接池可以取到避免了连接频繁创建和销毁，但是无法取到控制MySQL活动线程数的目标，在高并发场景下，无法取到保护DB的作用。比较好的方式是将连接池和线程池结合起来使用。 作者：飞鸿无痕 链接：https://www.jianshu.com/p/88e606eca2a5 來源：简书 简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

  • 2018-12-07 17:47:24

    linux中wc命令用法

    Linux系统中的wc(Word Count)命令的功能为统计指定文件中的字节数、字数、行数，并将统计结果显示输出。

  • 2018-12-07 22:19:33

    修改 Nginx 进程最大可打开文件数（worker_processes和worker_connections）

    worker_processes：操作系统启动多少个工作进程运行Nginx。注意是工作进程，不是有多少个nginx工程。在Nginx运行的时候，会启动两种进程，一种是主进程master process；一种是工作进程worker process。例如我在配置文件中将worker_processes设置为4，启动Nginx后，使用进程查看命令观察名字叫做nginx的进程信息，我会看到如下结果：

  • 2018-12-07 22:55:02

    nginx worker_processes 配置

    据另一种说法是，nginx开启太多的进程，会影响主进程调度，所以占用的cpu会增高， 这个说法我个人没有证实，估计他们是开了一两百个进程来对比的吧。