在 Vue 中使用正斜杠的 kebab 案例是什么？答案

【问题标题】：What is the kebab case for a forward slash to use with Vue?在 Vue 中使用正斜杠的 kebab 案例是什么？
【发布时间】：2020-11-21 19:11:42
【问题描述】：

键码已被弃用，我们不能再使用@keyup.keyCode.191

我尝试过使用

@keyup.slash
@keyup.divide
来自KeyboardEvent/key/Key_Values 的所有可能值

【问题讨论】：

标签： vue.js key mozilla vuejs3

【解决方案1】：

我认为您不能直接执行此操作。从单步执行代码来看，似乎是将修饰符与event.key 进行比较，在这种情况下为'/'。你不能写@keyup./，因为那被认为是无效的。

您可以通过自己执行key 测试来达到相同的效果：

Vue.createApp({
  methods: {
    onSlash (ev) {
      if (ev.key !== '/') {
        return
      }
      
      console.log('/ pressed')
    }
  }
}).mount('#app')

<script src="https://unpkg.com/vue@3.0.2/dist/vue.global.js"></script>
<div id="app">
  <input @keyup="onSlash">
</div>

【讨论】：

更正这是内联文档：v3.vuejs.org/guide/migration/…
@danger89 我在写完这个答案后将该部分添加到了文档中，因此它看起来并不完全是独立的来源。