質問編集履歴
3
誤記のため
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
|
|
55
55
|
<h3>マウント先タグ</h3>
|
|
56
56
|
|
|
57
|
-
<div id={ item.id } data-target="10">
|
|
57
|
+
<div id={ opts.item.id } data-target="10">
|
|
58
58
|
取得したいdiv
|
|
59
59
|
</div>
|
|
60
60
|
|
2
id設定の誤記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
<div>
|
|
20
20
|
<button type="button" onclick={ btnClick }>トリガー</button>
|
|
21
|
-
<
|
|
21
|
+
<mount-tag each={ item in items } item={ item }/></div>
|
|
22
22
|
</div>
|
|
23
23
|
|
|
24
24
|
<script>
|
|
@@ -39,7 +39,8 @@
|
|
|
39
39
|
/*** ボタンクリック時 ***/
|
|
40
40
|
btnClick(e){
|
|
41
41
|
cnt = cnt + 1
|
|
42
|
+
var item = { 'id' : cnt }
|
|
42
|
-
items.push(
|
|
43
|
+
items.push(item)
|
|
43
44
|
riot.compile(function(){
|
|
44
45
|
riot.mount('mount-tag')
|
|
45
46
|
})
|
|
@@ -53,7 +54,7 @@
|
|
|
53
54
|
|
|
54
55
|
<h3>マウント先タグ</h3>
|
|
55
56
|
|
|
56
|
-
<div id=
|
|
57
|
+
<div id={ item.id } data-target="10">
|
|
57
58
|
取得したいdiv
|
|
58
59
|
</div>
|
|
59
60
|
|
|
@@ -68,7 +69,7 @@
|
|
|
68
69
|
|
|
69
70
|
/*** 初期化 ***/
|
|
70
71
|
init(){
|
|
71
|
-
getDiv = document.getElementById(
|
|
72
|
+
getDiv = document.getElementById(opts.item.id) // getElementByIdで要素にアクセスできず、nullが返される。
|
|
72
73
|
console.log(opts.item) // optsによる値の受け渡しは行われている。
|
|
73
74
|
console.log(getDiv.dataset.target) // ここでエラー
|
|
74
75
|
|
1
マウントタグ名の誤記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
cnt = cnt + 1
|
|
42
42
|
items.push(cnt)
|
|
43
43
|
riot.compile(function(){
|
|
44
|
-
riot.mount('
|
|
44
|
+
riot.mount('mount-tag')
|
|
45
45
|
})
|
|
46
46
|
this.update()
|
|
47
47
|
}
|