金秋jinqiu 2021-11-19 23:59 采纳率: 100%
浏览 43
已结题

vue method方法里的this指向了method本身,无法正确指向vue

在vue中,method方法里的this指向了method本身,无法正确指向vue
直接复制vue官网的示例代码也报错

img

export default {
    name: 'hello',
    data() {
        return {
            msg: "123"
        }
    },
    methods: {
        self: this,
        login() {
            console.log(this.msg);
        }
    }
}

报错信息:

img

类型“{ self: undefined; login(): void; }”上不存在属性“msg”

其中,this的指向是:

img

而我尝试用self:this;来获取vue,但这里的this是未定义的

网上的各种问题都说箭头函数不行,而我这里就是普通的函数定义

请问如何在method里获取vue本身呢?

  • 写回答

1条回答 默认 最新

  • CSDN专家-showbo 2021-11-20 12:56
    关注

    题主用的语言是typescript,在typescript中写法应该下面这样,和JavaScript的写法不一样

    import Vue from 'vue'
    export default class App extends Vue {
        name: string = 'hello'
        login:void() {
                console.log(this.name);
        }
    }
    

    题主可以看下vue在typescript'的用法

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题?

问题事件

  • 系统已结题 11月28日
  • 已采纳回答 11月20日
  • 创建了问题 11月19日

悬赏问题

  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 shape_predictor_68_face_landmarks.dat
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 对于相关问题的求解与代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料