Skip to content

Commit fd6f738

Browse files
keepfoolkeepfool
committed
replace the <template> tag to <script> tag, because of IE doesn't support <template> tag
1 parent 6b44671 commit fd6f738

File tree

6 files changed

+25
-25
lines changed

6 files changed

+25
-25
lines changed

‎02.Components/Part-2/demo/step01.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
</div>
2323
</div>
2424

25-
<template id="grid-template">
25+
<script type="text/x-template" id="grid-template">
2626
<table>
2727
<thead>
2828
<tr>
@@ -45,7 +45,7 @@
4545
</tr>
4646
</tbody>
4747
</table>
48-
</template>
48+
</script>
4949

5050
<script src="../js/vue.js"></script>
5151
<script>

‎02.Components/Part-2/demo/step02.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
</div>
2323
</div>
2424

25-
<template id="grid-template">
25+
<script type="text/x-template" id="grid-template">
2626
<table>
2727
<thead>
2828
<tr>
@@ -47,9 +47,9 @@
4747
</table>
4848
<modal-dialog :mode="mode" :title="title" :fields="columns" :item="item">
4949
</modal-dialog>
50-
</template>
50+
</script>
5151

52-
<template id="dialog-template">
52+
<script type="text/x-template" id="dialog-template">
5353
<div class="dialogs">
5454
<div class="dialog" v-bind:class="{ 'dialog-active': show }">
5555
<div class="dialog-content">
@@ -67,7 +67,7 @@ <h1 class="dialog-title">{{ title }}</h1>
6767
</div>
6868
<div class="dialog-overlay"></div>
6969
</div>
70-
</template>
70+
</script>
7171

7272
<script src="../js/vue.js"></script>
7373
<script>

‎02.Components/Part-2/demo/step03.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
</div>
2323
</div>
2424

25-
<template id="grid-template">
25+
<script type="text/x-template" id="grid-template">
2626
<table>
2727
<thead>
2828
<tr>
@@ -52,9 +52,9 @@
5252
<modal-dialog :mode="mode" :title="title" :fields="columns" :item="item" v-on:create-item="createItem">
5353
</modal-dialog>
5454

55-
</template>
55+
</script>
5656

57-
<template id="dialog-template">
57+
<script type="text/x-template" id="dialog-template">
5858
<div class="dialogs">
5959
<div class="dialog" v-bind:class="{ 'dialog-active': show }">
6060
<div class="dialog-content">
@@ -81,7 +81,7 @@ <h1 class="dialog-title">{{ title }}</h1>
8181
</div>
8282
<div class="dialog-overlay"></div>
8383
</div>
84-
</template>
84+
</script>
8585

8686
<script src="../js/vue.js"></script>
8787
<script>

‎02.Components/Part-2/demo/step04.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
</div>
2323
</div>
2424

25-
<template id="grid-template">
25+
<script type="text/x-template" id="grid-template">
2626
<table>
2727
<thead>
2828
<tr>
@@ -53,9 +53,9 @@
5353
<modal-dialog :mode="mode" :title="title" :item="item" :fields="columns" v-on:create-item="createItem" v-on:update-item="updateItem">
5454
</modal-dialog>
5555

56-
</template>
56+
</script>
5757

58-
<template id="dialog-template">
58+
<script type="text/x-template" id="dialog-template">
5959
<div class="dialogs">
6060
<div class="dialog" v-bind:class="{ 'dialog-active': show }">
6161
<div class="dialog-content">
@@ -84,7 +84,7 @@ <h1 class="dialog-title">{{ title }}</h1>
8484
</div>
8585
<div class="dialog-overlay"></div>
8686
</div>
87-
</template>
87+
</script>
8888

8989
<script src="../js/vue.js"></script>
9090
<script>
@@ -99,7 +99,7 @@ <h1 class="dialog-title">{{ title }}</h1>
9999
item: {}
100100
}
101101
},
102-
ready(){
102+
ready: function(){
103103
for (var i = 0; i < this.columns.length; i++) {
104104
if (this.columns[i].isKey) {
105105
this.keyColumn = this.columns[i]['name']

‎02.Components/Part-2/demo/step05.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
</div>
2323
</div>
2424

25-
<template id="grid-template">
25+
<script type="text/x-template" id="grid-template">
2626
<table>
2727
<thead>
2828
<tr>
@@ -53,9 +53,9 @@
5353
<modal-dialog :mode="mode" :title="title" :item="item" :fields="columns" v-on:create-item="createItem" v-on:update-item="updateItem">
5454
</modal-dialog>
5555

56-
</template>
56+
</script>
5757

58-
<template id="dialog-template">
58+
<script type="text/x-template" id="dialog-template">
5959
<div class="dialogs">
6060
<div class="dialog" v-bind:class="{ 'dialog-active': show }">
6161
<div class="dialog-content">
@@ -82,7 +82,7 @@ <h1 class="dialog-title">{{ title }}</h1>
8282
</div>
8383
<div class="dialog-overlay"></div>
8484
</div>
85-
</template>
85+
</script>
8686

8787
<script src="../js/vue.js"></script>
8888
<script>
@@ -97,7 +97,7 @@ <h1 class="dialog-title">{{ title }}</h1>
9797
item: {}
9898
}
9999
},
100-
ready(){
100+
ready: function(){
101101
for (var i = 0; i < this.columns.length; i++) {
102102
if (this.columns[i].isKey) {
103103
this.keyColumn = this.columns[i]['name']

‎02.Components/Part-2/demo/step06.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
</div>
2323
</div>
2424

25-
<template id="grid-template">
25+
<script type="text/x-template" id="grid-template">
2626
<table>
2727
<thead>
2828
<tr>
@@ -53,9 +53,9 @@
5353
<modal-dialog :mode="mode" :title="title" :item="item" :fields="columns" v-on:create-item="createItem" v-on:update-item="updateItem">
5454
</modal-dialog>
5555

56-
</template>
56+
</script>
5757

58-
<template id="dialog-template">
58+
<script type="text/x-template" id="dialog-template">
5959
<div class="dialogs">
6060
<div class="dialog" v-bind:class="{ 'dialog-active': show }">
6161
<div class="dialog-content">
@@ -82,7 +82,7 @@ <h1 class="dialog-title">{{ title }}</h1>
8282
</div>
8383
<div class="dialog-overlay"></div>
8484
</div>
85-
</template>
85+
</script>
8686

8787
<script src="../js/vue.js"></script>
8888
<script>
@@ -134,7 +134,7 @@ <h1 class="dialog-title">{{ title }}</h1>
134134
item: {}
135135
}
136136
},
137-
ready(){
137+
ready: function(){
138138
for (var i = 0; i < this.columns.length; i++) {
139139
if (this.columns[i].isKey) {
140140
this.keyColumn = this.columns[i]['name']

0 commit comments

Comments
 (0)