vue里面的this指向问题

Question

我在一个vue组件里调用一个引入的JS文件里的一个函数，发现这两个this指向不一样，不是说在哪里调用this就会指向哪里吗？

Answer 1

双越 2021-07-15 14:01:33

“我是在methods里的一个函数调用它，为啥它的this没指向VueComponent?”，回复这个。

例如，我在 obj 中调用 fn ，fn 的 this 就要指向 obj 吗？

function fn() { console.log('this in fn', this) }
const obj = {
    name: 'obj',
    do() {
        console.log('this in do', this)
        fn()
    }
}
obj.do()

• 提问者 慕尼黑0075365 #1

  对我问的就是这个，不是说谁调用它，它的this就指向谁吗？

• 双越 回复 提问者 慕尼黑0075365 #2

  这是 js 的基础语法问题，不知道谁调用它，就指向 window

• 提问者 慕尼黑0075365 回复 双越 #3

  好的谢谢老师

Answer 2

提问者 慕尼黑0075365 2021-07-13 15:22:02

好像展示的函数名字错了，但是不影响结果，按我的理解是这两个this都应该指向VueComponent

• 双越 #1

  get_index_list 这个函数，并不是箭头函数。因此，谁调用它，它的 this 就指向谁。

• 提问者 慕尼黑0075365 回复 双越 #2

  我是在methods里的一个函数调用它，为啥它的this没指向VueComponent?