jQ刚转vue时,使用this遇到的问题

在两个页面中创建函数，并且调用一个函数中能够获取到代表vue实例的this，而另一个却获取不到

页面1：

<button id="login" v-text="$t('m.btn_0001')" @click="submit(form)"></button>

export default {
  name: 'Login',
  data () {
    return {
　　　　　　form: {}
    }
  },
  components: {},
  methods: {
    'submit': login
  }
}

// 点击登录
function login (Para) {
  console.log(this) // vue实例
}

页面2--在vue实例创建后立马执行函数：

export default {
  name: 'ProjectList',
  data () {
    return {
    }
  },
  created () {
    this.getProjectList() // 函数中this 指向vue实例
    getProjectList2(this) // 函数中this 为undefined，th为vue实例
  },
  methods: {
    'getProjectList': getProjectList
  },
  computed: {
  }
}

function this.getProjectList () {
  console.log(this)  
}

function this.getProjectList2 (th) {
  console.log(th)
  console.log(this)  
}

---

2021-4-22 重新查看当时的文章

---

 刚学习使用vue, 不习惯直接把函数放在methods里面. 放在methods对象里啥事没有

爱词霸

 

 

划词翻译

自动发声

自动添加生词本