###前提・実現したいこと
Vue.jsのコンポーネントを使って、attributeで指定した配列の内容を
リスト表示させるものを作成しようと思っています。
propsオプションを使ってデータをコンポーネントに渡したのですが、
ただのstring型になってしまいます。
プロパティ検証も実装しているつもりですがうまく動作していません。
###問題
0. 警告も表示させずarray型(object型)ではなくstring型でnamesに格納されるのはなぜ
0. attributeで配列を指定するにはどのようにすればよいのか
###該当のソースコード
HTML
1<div id="app"> 2 <my-component names="['一郎', '次郎', '三郎']"></my-component> 3</div>
JavaScript
1Vue.component("my-component", { 2 data : function(){ 3 return { 4 citys : ["東京", "大阪", "名古屋"] 5 } 6 }, 7 props : { 8 "names" : Array, 9 }, 10 template : "\ 11 <ul> \ 12 <li v-for='item in citys'>{{ item }}</li> \ 13 </ul>", 14 created : function() { 15 console.log(typeof this.citys); 16 console.log(typeof this.names); 17 } 18}); 19 20var app = new Vue({ 21 el : "#app", 22});
###補足情報(言語/FW/ツール等のバージョンなど)
Vue.js v2.5.9
Chrome
よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/07 10:07