Nuxt.jsでwebアプリを作っています。
Storybookで作ったボタンコンポーネントをページで使う時にボタンのテキストを変更したいのですが
どのようにすれば良いのか分かりません。
今「ButtonDefault.vue」というコンポーネントを作っていまして
javascript
1<template> 2 <div> 3 <button> 4 {{ text }} 5 </button> 6 </div> 7</template> 8<script> 9export default { 10 props: { 11 text: { 12 type: String, 13 default: 'Button Default' 14 } 15 } 16} 17</script> 18<style scoped> 19button { 20 font-size: 12px; 21 border-color: #000; 22 color: #000; 23 padding: 8px 20px; 24 border-radius: 5px; 25 text-decoration: none; 26} 27</style>
と設定しているのですが、実際に使う時に<button-default />
で使えるのですが、
ボタンのテキストがデフォルトの「Button Default」になっているのを、別のテキストに変えたいのですが
方法が分かりません。
ネットで調べたのですが、解決策がわからなかったので
ご教示いただければと思います。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/02/06 00:38