teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問Vue.js 3で部分ビュー(Bootstrapモーダル)中の値を操作できなくて困っています。

編集履歴

質問編集履歴

5

修正

2020/12/07 04:18

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -32,7 +32,7 @@
32
32
 
33
33
  ```html
34
34
 
35
- <h4 class="modal-title" id="modalTitle" v-bind.value="modalTitle"></h4>
35
+ <h4 class="modal-title" id="modalTitle">{{this.modalTitle}}</h4>
36
36
 
37
37
  <input type="text" v-model="testName" />
38
38
 
@@ -62,8 +62,6 @@
62
62
 
63
63
  this.modalTitle = "新規登録";
64
64
 
65
- this.testName = "テスト";
66
-
67
65
 
68
66
 
69
67
  $("#modalDialog").modal();

4

修正

2020/12/07 04:18

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
  画面ファイルがindexとmodalで分かれていまして、
12
12
 
13
- vue.jsの構築時に部分ビュー(modal)のdocumentをloadせず、後からloadしていることが原因かとは考えています。
13
+ vue.jsの構築時に部分ビュー(modal)のdocumentをloadせず、後から動的にloadしていることが原因かとは考えています。
14
14
 
15
15
 
16
16
 
@@ -20,7 +20,7 @@
20
20
 
21
21
 
22
22
 
23
- 部分ビュー(modal)を後からloadした場合に、vueを適応させる方法はありますでしょうか？
23
+ 部分ビュー(modal)を後から動的にloadした場合に、vueを適応させる方法はありますでしょうか？
24
24
 
25
25
 
26
26
 

3

修正

2020/12/07 03:55

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -10,15 +10,17 @@
10
10
 
11
11
  画面ファイルがindexとmodalで分かれていまして、
12
12
 
13
- vue.jsの構築時にmodalのdocumentをloadせず、後からloadしていることが原因かとは考えています。
13
+ vue.jsの構築時に部分ビュー(modal)のdocumentをloadせず、後からloadしていることが原因かとは考えています。
14
-
15
-
16
14
 
17
15
 
18
16
 
19
17
  シングルページアプリケーションのような方法はとっておらず、
20
18
 
21
19
  メイン画面からモーダルを表示しているだけです。
20
+
21
+
22
+
23
+ 部分ビュー(modal)を後からloadした場合に、vueを適応させる方法はありますでしょうか？
22
24
 
23
25
 
24
26
 

2

修正

2020/12/07 03:53

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,13 @@
6
6
 
7
7
  初歩的な質問ですみませんが、
8
8
 
9
+
10
+
11
+ 画面ファイルがindexとmodalで分かれていまして、
12
+
9
13
  vue.jsの構築時にmodalのdocumentをloadせず、後からloadしていることが原因かとは考えています。
14
+
15
+
10
16
 
11
17
 
12
18
 

1

修正

2020/12/07 03:49

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -46,7 +46,7 @@
46
46
 
47
47
 
48
48
 
49
- // 例　※その他 inputにもv-modelを設定していて、操作したい場合がある。
49
+ // 例
50
50
 
51
51
  // document.getElementById("modalTitle").textContent = "新規登録";
52
52