Vue：在方法中访问组件对象[重复]

Question

我想访问一个组件的对象，但是方法中的this 是对methods: {} 对象的引用。

methods: {
  getInput: () => {
    return this.$refs.input.value
  }
}

我尝试调用getInput()，但出现错误：

未捕获的类型错误：无法读取未定义的属性“$refs”。

如何访问组件的对象而不是 methods 对象？

Answer 1

根据official docs，您应该使用普通函数而不是箭头一来访问组件实例：

    methods: {
      getInput() {
        return this.$ref.input.value 
      }
    }

请注意，您不应该使用箭头函数来定义方法（例如plus: () => this.a++)。原因是箭头函数绑定了父上下文，因此这不会是您期望的 Vue 实例，this.a 将是未定义的.