javascript eval to vue.js, es6

Javascript 에서 동적 변수 관련하여 eval 을 쓰는 경우가 있는데.. Vue에서 다른 방법으로 사용해본다..

var app = new Vue({
  el: '#app',
  data: {
    test_1 : '',
    test_2 : ''
  },
  methods: {
    test: () => {
      const testNumber = 2
      this[`test_${testNumber}`] = 'Good!!'
    }
  }
})

test 함수가 호출되면 임의로 data에 있는 test_2 에 “Good!!” 라는 내용을 넣는 코드이다.

this[] 안에서 ” 작은 따옴표가 아닌 백틱(backtick) 으로 사용해야 한다.

You may also like...

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다