vuejs2는 사용자가 @ 키를 눌렀는지 여부를 수신합니다.

vuejs2는 사용자가 @ 키를 눌렀는지 여부를 수신합니다.

vue.js에서 주요 이벤트를 수신하고 keyup.enter와 같은 이벤트에 수식자를 추가할 수 있습니다.그러나 키업과 같은 @ 키의 수식어를 찾을 수 없는 것 같습니다.AT 또는 keyup.at 등

vue.js2에서 이 중요한 이벤트를 볼 수 있는 방법이 있습니까?

고마워요.

사용할 수 있습니다.@keyup.shift.50와 키를 모두 비모바일 QWERTY와 DVORACK 키보드에서 눌렀다는 것을 포착하기 위해.외국산 키보드는 잘 모르겠어요.

console.clear()

new Vue({
  el: "#app",
  data:{
    log:[]
  },
  methods:{
    onAt(evt){
      this.log.push("@ pressed")
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.js"></script>
<div id="app">
  <input type="text" @keyup.shift.50="onAt">
  <hr>
  <div v-for="msg in log">{{msg}}</div>
</div>

단, 이 솔루션은 키에 전용 버튼이 있는 모바일 키패드에서는 트리거되지 않습니다.Vue에서는 이벤트 수식자를 사용하여 처리할 방법이 없다고 생각하기 때문에 키업 이벤트 처리와 이벤트 오브젝트 검토에 의지해야 합니다.

console.clear()

new Vue({
  el: "#app",
  data:{
    log:[]
  },
  methods:{
    onKeyUp(evt){
      if ("@" === evt.key)
        this.log.push("@ pressed")
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.js"></script>
<div id="app">
  <input type="text" @keyup="onKeyUp">
  <hr>
  <div v-for="msg in log">{{msg}}</div>
</div>

언급URL : https://stackoverflow.com/questions/48178342/vuejs2-listening-for-if-the-user-pressed-the-key