回答編集履歴
2
コードのバグを修正
test
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
<html>
|
|
7
7
|
<head>
|
|
8
8
|
<meta charset="utf-8">
|
|
9
|
+
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
|
|
9
10
|
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
|
|
10
11
|
</head>
|
|
11
12
|
<body>
|
|
@@ -47,7 +48,7 @@
|
|
|
47
48
|
var sortedData = data.sort(() => Math.random() - 0.5);
|
|
48
49
|
self.Cards = sortedData;
|
|
49
50
|
});
|
|
50
|
-
}
|
|
51
|
+
},
|
|
51
52
|
computed: {
|
|
52
53
|
FilterdCards: function() {
|
|
53
54
|
if (this.filter == "All") { return this.Cards; }
|
|
@@ -59,4 +60,3 @@
|
|
|
59
60
|
</body>
|
|
60
61
|
</html>
|
|
61
62
|
```
|
|
62
|
-
|
1
mongon
test
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
vue.jsで制御している内容をDOM操作で書き換えてはいけません。
|
|
2
|
-
表示元となるデータ
|
|
2
|
+
表示元となるデータを変えるようにしましょう。
|
|
3
3
|
|
|
4
4
|
```html
|
|
5
5
|
<!DOCTYPE html>
|