Vue.config를 정의하고 사용할 때 camelCase 속성 이름을 사용할 수 없습니다.키코드

Vue.config를 정의하고 사용할 때 camelCase 속성 이름을 사용할 수 없습니다.키코드

Vue.config를 정의하고 사용할 때 camelCase 속성 이름을 사용할 수 없습니다.키코드

keyCodes를 설정하려고 합니다.keyup이벤트 사용 방법v-onVue.js에 의해 작성되었습니다.
서류를 읽어보니Vue.config.keyCodes = {}이는 사용자가 keyCodes에 커스텀 이름을 설정할 수 있는 스태틱 메서드입니다.

---

문제 1: camel Case 속성 이름이 작동하지 않는 것 같습니다.

아래는 camel Case가 없는 JSFiddle로, 정상적으로 동작합니다.

링크: camel Case 설정 없음

다음은 camel Case를 사용한 JSFiddle로 동작하지 않습니다.

링크 : camel Case 설정

---

Vue.js 매뉴얼에는 camelCase를 사용하는 예가 있습니다.
camel Case도 작동해야 한다고 생각합니다.왜 안 되는 거죠?

문제 2: 여러 keyCodes의 바인딩

에 대한 의견을 내고 싶다.Alert타이핑할 때cmd+enter.
나는 노력했다.@keyup.91.13,@keyup.91&&13또는 다음과 같은 keyCode 설정

Vue.config.keyCodes = {
    hit: 91&&13
}

하지만 효과가 없다.어떻게 하면 제대로 작동할 수 있을까요?

문제 1:

그건 그냥 의도적인 거라고 생각해요.내 생각에는 말이지….call-alert대신 동작할 수 있지만 동작하지 않습니다.수식어는 모두 소문자로 한정되어 있다고 생각합니다.

문제 2:

부터command는 다음 작업을 수행할 수 있는 수식 키입니다.

@keyup.ctrl.enter="dance"

상세한 것에 대하여는, https://vuejs.org/v2/guide/events.html#Modifier-Keys 를 참조해 주세요.

문제 2: 여러 keyCodes의 바인딩

"keyup = 91"은 Opera(91이 아닌 "keyup=219")에 적합하지 않으므로 ".keyup"을 사용하는 것이 좋습니다.

@keyup.meta.enter="yourMethod"

(하지만 Ubuntu에서는 왜 이 기능이 작동하지 않는지 모르겠습니다.)

주의: Macintosh 키보드에서 meta는 명령어 키( ()입니다.Windows 키보드의 경우 meta는 Windows 키( on)입니다.Sun Microsystems 키보드에서 메타는 솔리드 다이아몬드(◆)로 표시됩니다.특정 키보드, 특히 MIT 및 Lisp 머신 키보드와 후속 키보드(예: Knight 키보드, 스페이스 캐뎃 키보드)에서는 메타가 "META"로 표시됩니다.심볼릭 키보드에서 메타는 "META" 또는 "META"로 레이블이 지정됩니다.

문제 1:

Vue 문서로서 큰따옴표가 있는 kebab-case를 사용해야 합니다.https://vuejs.org/v2/api/ #keyCodes

Vue.config.keyCodes = {
  v: 86,
  f1: 112,

  // camelCase won`t work
  mediaPlayPause: 179,
  // instead you can use kebab-case with double quotation marks
  "media-play-pause": 179,

  up: [38, 87]
}

언급URL : https://stackoverflow.com/questions/42956791/cant-use-camelcase-property-name-when-define-and-use-vue-config-keycodes