Vue路由跳转,界面数据不清空问题
不知道你有没有遇到过这样的问题,每次修改完数据,想重新添加信息的时候,发现数据死活清除不掉,怎么办created() {this.init()},methods: {init() {if (this.$route.params && this.$route.params.id) {const id = this.$route.params.idthis.getInfo(id)} e
·
不知道你有没有遇到过这样的问题,每次修改完数据,想重新添加信息的时候,发现数据死活清除不掉,怎么办
created() {
this.init()
},
methods: {
init() {
if (this.$route.params && this.$route.params.id) {
const id = this.$route.params.id
this.getInfo(id)
} else {
this.teacher = {}
}
},
如果你恰巧跟我一样,也尝试过把对象的数据清空,并且把代码写在created里头,那么恭喜你,你可以试试Vue的监听。
只需要把他放到created下面即可。
watch: {
$route(to, from) {
this.init()
}
},
在页面中,created方法只会执行一次,后面要进行跳转他是不会执行的。
而监听就类似汽车的报警器,每次遇到相同的的反馈都会使他出发报警。
更多推荐
已为社区贡献1条内容
所有评论(0)