回答編集履歴
3
codeSandboxのサンプルプロジェクトを作成
test
CHANGED
@@ -23,3 +23,23 @@
|
|
23
23
|
});
|
24
24
|
|
25
25
|
```
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
#### 2019/08/15 追記
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
以下にVueのプロジェクトを作って同じコードを試してみましたが、この環境だと `setSelectionRange`
|
34
|
+
|
35
|
+
はうまく動いてくれるようです。(Vuetifyは使っていませんが)
|
36
|
+
|
37
|
+
|
38
|
+
|
39
|
+
変更点は`select_len`をidではなく`$ref`を使って取って来るようにしたぐらいですね。
|
40
|
+
|
41
|
+
後は、関係ないですが`var`を`const`にしたりとか・・・
|
42
|
+
|
43
|
+
|
44
|
+
|
45
|
+
[https://codesandbox.io/s/vue-template-oszsy?fontsize=14](https://codesandbox.io/s/vue-template-oszsy?fontsize=14)
|
2
delete
test
CHANGED
@@ -23,21 +23,3 @@
|
|
23
23
|
});
|
24
24
|
|
25
25
|
```
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
また、`this.$nextTick()` は`Promise`を返すので、`await`を使って以下のように書けます。
|
30
|
-
|
31
|
-
個人的にはこちらのほうが可読性が高くなるのでおすすめです
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
```js
|
36
|
-
|
37
|
-
await this.$nextTick()
|
38
|
-
|
39
|
-
this.$refs.r.focus();
|
40
|
-
|
41
|
-
this.$refs.r.setSelectionRange(select_len + 1, select_len + 1);
|
42
|
-
|
43
|
-
```
|
1
awaitバージョンを追加
test
CHANGED
@@ -23,3 +23,21 @@
|
|
23
23
|
});
|
24
24
|
|
25
25
|
```
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
また、`this.$nextTick()` は`Promise`を返すので、`await`を使って以下のように書けます。
|
30
|
+
|
31
|
+
個人的にはこちらのほうが可読性が高くなるのでおすすめです
|
32
|
+
|
33
|
+
|
34
|
+
|
35
|
+
```js
|
36
|
+
|
37
|
+
await this.$nextTick()
|
38
|
+
|
39
|
+
this.$refs.r.focus();
|
40
|
+
|
41
|
+
this.$refs.r.setSelectionRange(select_len + 1, select_len + 1);
|
42
|
+
|
43
|
+
```
|