@@ -3,28 +3,28 @@ badges:
3
3
- breaking
4
4
---
5
5
6
- # KeyCode Modifiers <MigrationBadges :badges =" $frontmatter.badges " />
6
+ # キーコード修飾子 <MigrationBadges :badges =" $frontmatter.badges " />
7
7
8
- ## Overview
8
+ ## 概要
9
9
10
- Here is a quick summary of what has changed:
10
+ 変更点の概要は以下です
11
11
12
- - ** BREAKING ** : Using numbers, i.e. keyCodes, as ` v-on ` modifiers is no longer supported
13
- - ** BREAKING ** : ` config.keyCodes ` is no longer supported
12
+ - ** 破壊的変更 ** : ` v-on ` 修飾子にキーコードの数字を利用することはサポートされなくなりました
13
+ - ** 破壊的変更 ** : ` config.keyCodes ` の利用はサポートされなくなりました
14
14
15
- ## 2.x Syntax
15
+ ## 2.x 構文
16
16
17
- In Vue 2, ` keyCodes ` were supported as a way to modify a ` v-on ` method.
17
+ Vue 2では、 ` v-on ` メソッドでキーコードを利用することができました。
18
18
19
19
``` html
20
- <!-- keyCode version -->
20
+ <!-- キーコードを利用した場合 -->
21
21
<input v-on:keyup.13 =" submit" />
22
22
23
- <!-- alias version -->
23
+ <!-- エイリアスを利用した場合 -->
24
24
<input v-on:keyup.enter =" submit" />
25
25
```
26
26
27
- In addition, you could define your own aliases via the global ` config.keyCodes ` option.
27
+ さらに、 ` config.keyCodes ` のグローバルオプションを利用することで、独自のエイリアスを定義できました。
28
28
29
29
``` js
30
30
Vue .config .keyCodes = {
@@ -33,24 +33,24 @@ Vue.config.keyCodes = {
33
33
```
34
34
35
35
``` html
36
- <!-- keyCode version -->
36
+ <!-- キーコードを利用した場合 -->
37
37
<input v-on:keyup.112 =" showHelpText" />
38
38
39
- <!-- custom alias version -->
39
+ <!-- 独自のエイリアスを利用した場合 -->
40
40
<input v-on:keyup.f1 =" showHelpText" />
41
41
```
42
42
43
- ## 3.x Syntax
43
+ ## 3.x 構文
44
44
45
- Since [ ` KeyboardEvent.keyCode ` has been deprecated ] ( https://developer.mozilla.org/en-US /docs/Web/API/KeyboardEvent/keyCode ) , it no longer makes sense for Vue 3 to continue supporting this as well. As a result, it is now recommended to use the kebab-case name for any key you want to use as a modifier.
45
+ [ ` KeyboardEvent.keyCode ` は非推奨 ] ( https://developer.mozilla.org/ja /docs/Web/API/KeyboardEvent/keyCode ) となり、 Vue 3においても引き続きサポートすることはもはや意味がありません。そのため、修飾子に利用したいキーのケバブケース名を利用することが推奨されます。
46
46
47
47
``` html
48
- <!-- Vue 3 Key Modifier on v-on -->
48
+ <!-- Vue 3 の v-on でキー修飾子を利用する場合 -->
49
49
<input v-on:keyup.delete =" confirmDelete" />
50
50
```
51
51
52
- As a result, this means that ` config.keyCodes ` is now also deprecated and will no longer be supported.
52
+ ` config.keyCodes ` の利用も同様の理由で非推奨となり、サポートされなくなりました。
53
53
54
- ## Migration Strategy
54
+ ## 移行方法
55
55
56
- For those using ` keyCode ` in their codebase, we recommend converting them to their kebab-cased named equivalents.
56
+ キーコードを利用している場合は、ケバブケース名を利用する方法に変更することを推奨します。
0 commit comments