vue监听路由发生变化(watch)

修改(通过id查询数据信息用于回显)/ 添加(将表单数据清空)。

多次路由跳转到同一个页面,在页面中created方法(页面渲染之前执行)只会执行一次,后面在进行跳转不会执行的。

vue监听:

watch:{

        $route(to,from){  //路由发生变化执行下面的方法

                this.init() //调用需要执行的方法

        }

}

methods:{

        init(){

                //判断路径中是否有id

                //如果有id值根据id值获取数据进行回显

                if(this.$route.params && this.$route.params.id){

                        //从路径中获取id值

                        const id = this.$route.params.id

                        //根据id查询数据

                        this.getInfo(id)

                }else{

                        //如果路径中没有id值,做添加

                        //清空表单

                        this.teacher = {}

                }

        }

}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值