vue props传染Aray/Objectタイプの値を解決して、サブアセンブリが間違っている場合
問題:
Props with type Object/Aray muse a factory function to return the default value.
1、vueで親コンポーネントがpropsを通じてAray/Objectタイプ値をサブアセンブリに伝えた場合
2、サブコンポーネントのpropsがdefaultを受信すれば、以下の通りです。
エラーを申し込む
理由:props default配列/対象のデフォルト値は一つの工場関数で返されるべきです。
解決:
補足の知識:vueのpropsはどのように複数のパラメータを伝えますか?
vue親の役割領域は、プロpsによってデータを転送し、複数のパラメータを転送する必要があれば、プロpsに配列して値を付けることができ、このようにコンポーネントを通じて、親のコンポーネントから複数のパラメータを得ることができる。
Props with type Object/Aray muse a factory function to return the default value.
1、vueで親コンポーネントがpropsを通じてAray/Objectタイプ値をサブアセンブリに伝えた場合
2、サブコンポーネントのpropsがdefaultを受信すれば、以下の通りです。
エラーを申し込む
理由:props default配列/対象のデフォルト値は一つの工場関数で返されるべきです。
解決:
補足の知識:vueのpropsはどのように複数のパラメータを伝えますか?
vue親の役割領域は、プロpsによってデータを転送し、複数のパラメータを転送する必要があれば、プロpsに配列して値を付けることができ、このようにコンポーネントを通じて、親のコンポーネントから複数のパラメータを得ることができる。
<div id="app">
<ul >
<todo-item v-for="(item,index) in arr" v-bind:todo="item" v-bind:index="index"></todo-item>
</ul>
</div>
<script type="text/javascript" src="js/vue.js" ></script>
<script>
Vue.component("todo-item",{
props:['todo','index'],
template:"<li>{{index}}:{{todo.text}}</li>"
})
var app = new Vue({
el:"#app",
data:{
arr: [ { text: ' JavaScript' }, { text: ' Vue' }, { text: ' ' } ]
}
})
</script>
以上の本はvue props传染Aray/Objectのタイプ値を解決しました。サブアセンブリが間違っている場合は、小編集が皆さんに提供した内容を全部共有しています。参考にしていただければと思います。どうぞよろしくお願いします。