-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsenior03.html
72 lines (72 loc) · 1.55 KB
/
senior03.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="container">
</div>
<script src="https://unpkg.com/vue"></script>
<script>
Vue.component("child-element", {
render: function (h) {
return h(
"div",
{
class: {
"class-div": true
}
},
[
h("hr"),
h("div", [
this.$scopedSlots.first({
text: "this is text",
url: "www.google.com"
})]),
h("hr"),
this.$scopedSlots.second({
text: "this is text2",
url: "www.baidu.com",
age: 30
})
]
)
}
})
var con = new Vue({
el: "#container",
render: function (h) {
return h(
"child-element",
{
scopedSlots:{
first:function (attr) {
return [
h("span","from first"),
h("br"),
h("span",attr.text),
h("br"),
h("span",attr.url)
]
},
second:function (prop) {
return [
h("span","from second"),
h("br"),
h("span",prop.text),
h("br"),
h("span",prop.url),
h("br"),
h("span",prop.age)
]
}
}
}
)
}
})
</script>
</body>
</html>