teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

5

修正

2020/12/07 04:18

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -15,7 +15,7 @@
15
15
 
16
16
  ### 該当のソースコード
17
17
  ```html
18
- <h4 class="modal-title" id="modalTitle" v-bind.value="modalTitle"></h4>
18
+ <h4 class="modal-title" id="modalTitle">{{this.modalTitle}}</h4>
19
19
  <input type="text" v-model="testName" />
20
20
  ```
21
21
 
@@ -30,7 +30,6 @@
30
30
  // document.getElementById("modalTitle").textContent = "新規登録";
31
31
  // ↓
32
32
  this.modalTitle = "新規登録";
33
- this.testName = "テスト";
34
33
 
35
34
  $("#modalDialog").modal();
36
35
  });

4

修正

2020/12/07 04:18

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -4,12 +4,12 @@
4
4
  初歩的な質問ですみませんが、
5
5
 
6
6
  画面ファイルがindexとmodalで分かれていまして、
7
- vue.jsの構築時に部分ビュー(modal)のdocumentをloadせず、後からloadしていることが原因かとは考えています。
7
+ vue.jsの構築時に部分ビュー(modal)のdocumentをloadせず、後から動的にloadしていることが原因かとは考えています。
8
8
 
9
9
  シングルページアプリケーションのような方法はとっておらず、
10
10
  メイン画面からモーダルを表示しているだけです。
11
11
 
12
- 部分ビュー(modal)を後からloadした場合に、vueを適応させる方法はありますでしょうか?
12
+ 部分ビュー(modal)を後から動的にloadした場合に、vueを適応させる方法はありますでしょうか?
13
13
 
14
14
  ご教授をお願いします。
15
15
 

3

修正

2020/12/07 03:55

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -4,12 +4,13 @@
4
4
  初歩的な質問ですみませんが、
5
5
 
6
6
  画面ファイルがindexとmodalで分かれていまして、
7
- vue.jsの構築時にmodalのdocumentをloadせず、後からloadしていることが原因かとは考えています。
7
+ vue.jsの構築時に部分ビュー(modal)のdocumentをloadせず、後からloadしていることが原因かとは考えています。
8
8
 
9
-
10
9
  シングルページアプリケーションのような方法はとっておらず、
11
10
  メイン画面からモーダルを表示しているだけです。
12
11
 
12
+ 部分ビュー(modal)を後からloadした場合に、vueを適応させる方法はありますでしょうか?
13
+
13
14
  ご教授をお願いします。
14
15
 
15
16
  ### 該当のソースコード

2

修正

2020/12/07 03:53

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -2,8 +2,11 @@
2
2
 
3
3
  Vue.js 3で部分ビュー(Bootstrapモーダル)中の値を操作できなくて困っています。
4
4
  初歩的な質問ですみませんが、
5
+
6
+ 画面ファイルがindexとmodalで分かれていまして、
5
7
  vue.jsの構築時にmodalのdocumentをloadせず、後からloadしていることが原因かとは考えています。
6
8
 
9
+
7
10
  シングルページアプリケーションのような方法はとっておらず、
8
11
  メイン画面からモーダルを表示しているだけです。
9
12
 

1

修正

2020/12/07 03:49

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -22,7 +22,7 @@
22
22
  document.getElementById("modalDialog").textContent = null;
23
23
  document.getElementById("modalDialog").innerHTML += html;
24
24
 
25
- // 例 ※その他 inputにもv-modelを設定していて、操作したい場合がある。
25
+ // 例
26
26
  // document.getElementById("modalTitle").textContent = "新規登録";
27
27
  // ↓
28
28
  this.modalTitle = "新規登録";