質問編集履歴
2
試したことに追記を記載
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -70,6 +70,33 @@
|
|
|
70
70
|
</template>
|
|
71
71
|
```
|
|
72
72
|
|
|
73
|
+
追記
|
|
74
|
+
フォーカスを設定したいボタンを <button> から <input type="button"> に変更してもフォーカスを設定することはできませんでした。
|
|
75
|
+
また、最初から表示された状態であってもフォーカスを設定することはできませんでした。
|
|
76
|
+
ソースコードを以下に示します。
|
|
77
|
+
|
|
78
|
+
```Vue
|
|
79
|
+
<script setup>
|
|
80
|
+
import { ref } from 'vue'
|
|
81
|
+
const target1 = ref()
|
|
82
|
+
const target2 = ref()
|
|
83
|
+
</script>
|
|
84
|
+
<template>
|
|
85
|
+
<div>
|
|
86
|
+
<p>
|
|
87
|
+
<!-- focus1ボタンをクリックしてもtarget1ボタンにフォーカスが設定されない -->
|
|
88
|
+
<button @click="target1.focus()">focus1</button>
|
|
89
|
+
<input type="button" ref="target1" value="target1">
|
|
90
|
+
</p>
|
|
91
|
+
<p>
|
|
92
|
+
<!-- focus2ボタンをクリックするとtarget2テキストボックスにフォーカスが設定される -->
|
|
93
|
+
<button @click="target2.focus()">focus2</button>
|
|
94
|
+
<input type="text" ref="target2" value="target2">
|
|
95
|
+
</p>
|
|
96
|
+
</div>
|
|
97
|
+
</template>
|
|
98
|
+
```
|
|
99
|
+
|
|
73
100
|
### 補足情報（FW/ツールのバージョンなど）
|
|
74
101
|
|
|
75
102
|
Windows 11
|
1
誤記を訂正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
### 発生している問題・エラーメッセージ
|
|
6
6
|
|
|
7
|
-
下記のソースコードにおいて
|
|
7
|
+
下記のソースコードにおいてshowボタンをクリックするとボタンが表示されますがフォーカスが設定されません。
|
|
8
8
|
|
|
9
9
|
### 該当のソースコード
|
|
10
10
|
|