修改(通过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 = {}
}
}
}