質問編集履歴
1
不要なコードを削除、不足していたコードを追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
Nuxt.jsで作ったwebアプリでStorybookを使っています。
|
2
2
|
|
3
|
-
Storybookで作ったボタンコンポーネントをページで使う時に
|
3
|
+
Storybookで作ったボタンコンポーネントをページで使う時に@clickにイベントを指定したのですが、作動しません。
|
4
4
|
|
5
5
|
|
6
6
|
|
@@ -42,6 +42,42 @@
|
|
42
42
|
|
43
43
|
|
44
44
|
|
45
|
+
▼button.stories.js
|
46
|
+
|
47
|
+
```javascript
|
48
|
+
|
49
|
+
import { storiesOf } from '@storybook/vue'
|
50
|
+
|
51
|
+
|
52
|
+
|
53
|
+
import ButtonDefault from '../components/common/ButtonDefault.vue'
|
54
|
+
|
55
|
+
|
56
|
+
|
57
|
+
storiesOf('Button', module)
|
58
|
+
|
59
|
+
.add(
|
60
|
+
|
61
|
+
'default', () => ({
|
62
|
+
|
63
|
+
components: { ButtonDefault },
|
64
|
+
|
65
|
+
template: `<button-default @click.native="action"></button-default>`,
|
66
|
+
|
67
|
+
methods: {
|
68
|
+
|
69
|
+
action: action('button-clicked')
|
70
|
+
|
71
|
+
}
|
72
|
+
|
73
|
+
})
|
74
|
+
|
75
|
+
)
|
76
|
+
|
77
|
+
```
|
78
|
+
|
79
|
+
|
80
|
+
|
45
81
|
▼index.vue
|
46
82
|
|
47
83
|
```javascript
|
@@ -59,8 +95,6 @@
|
|
59
95
|
|
60
96
|
|
61
97
|
<script>
|
62
|
-
|
63
|
-
import firebase from '~/plugins/firebase'
|
64
98
|
|
65
99
|
import ButtonDefault from '~/components/common/ButtonDefault.vue'
|
66
100
|
|
@@ -100,7 +134,7 @@
|
|
100
134
|
|
101
135
|
signInButtonClick () {
|
102
136
|
|
103
|
-
|
137
|
+
alert('signInButtonClick!!!')
|
104
138
|
|
105
139
|
}
|
106
140
|
|