vue.display 내의 foreach 루프에서 액세스 변수

vue.display 내의 foreach 루프에서 액세스 변수

Foreach 루프에서 이.변수에 액세스하려면 어떻게 해야 하나요?

저는 이런 게 있어요.

<template><div><li>{{ names }}</li></div></template>
var initData = {
  names: '',
  }
}
export default {
  data: function () {
    return initData
  },
  props: ['nameData'],
  methods: {
    printNames: function () {
      let tempData = JSON.parse(JSON.stringify(this.nameData))
      tempData.biglist.forEach(function (nObj) {
        let cName = nObj.CeName
        console.log(cName) // gives long list of names
        this.names = cName
      })
    }
  },

그래서 내가 원하는 건 내 리스트에 이름을 올리는 거야감사합니다 여러분:)

다른 함수 범위 내에서 액세스 할 수 있는 방법은 2가지가 있습니다(이 경우는 Each()).

스코프를 참조하는 새로운 변수를 간단하게 작성할 수 있습니다.

printNames: function () {
  let scope = this
  let tempData = JSON.parse(JSON.stringify(this.nameData))
  tempData.biglist.forEach(function (nObj) {

    // I can access scope here

    let cName = nObj.CeName
    console.log(cName) // gives long list of names
    this.names = cName
  })
}

에 대해서는, 각각 내부의 이 가변 범위에 액세스 할 수 있습니다.

또는 새 스코프가 생성되지 않는 화살표 기능을 사용할 수도 있습니다.따라서, 같은this각각을 대상으로 하고 있지 않습니다.다음은 예를 제시하겠습니다.

http://jsfiddle.net/2eAqE/1149/

언급URL : https://stackoverflow.com/questions/50023001/access-variable-from-within-foreach-loop-in-vue-js