vue报错之this.$router is undefine

vue报错之this.$router is undefine最近写项目遇到这个报错，特此记录一下axios.get('/person/ticket').then(response => {this.$router.push('/ground')})原因很简单，因为我使用的是箭头函数，改变了this指向，所以vue在这里找不到$ro...

liuarmyliu

10136人浏览 · 2020-04-29 22:43:27

liuarmyliu · 2020-04-29 22:43:27 发布

vue报错之this.$router is undefine

最近写项目遇到这个报错，特此记录一下

 axios.get('/person/ticket')
 .then(response => {
    
   	this.$router.push('/ground')
           
 })

原因很简单，因为我使用的是箭头函数，改变了this指向，所以vue在这里找不到$router，从而报错

解决很简单，保留this即可

 const that = this;
 axios.get('/person/ticket')
 .then(response => {
    
   	that.$router.push('/ground')
           
 })

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^