コンポーネントを作成していて、2つのプロパティ(項目& brokerageID)をコンポーネントに渡したいとします。ここではHTMLコードです:ここでVue.jsコンポーネントへのデータの受け渡し
{{brokerageID}}
<holiday-component v-bind:item="item" v-bind:brokerageID="brokerageID" testID="45" ></holiday-component>
は、「アイテムのプロパティがコンポーネントに渡さなっている
Vue.component('holiday-component', {
props: ['item',
'brokerageID',
'testID',
],
data() {
return {
holidaysData: [],
showHolidays: false,
}
},
methods: {
getHolidays(contactID) {
....
},
template: <div> {{testID}} {{item.contactName}} {{brokerageID}}
....
「休日・コンポーネント」のコードがされる(item.contactNameが正しく表示されしかし、何らかの形で、brokerageID(Vueオブジェクトのプロパティ)は渡されません。このプロパティは、HTMLのコンポーネントの上で使用される{{brokerageID}}として確認されていますが、コンポーネントテンプレート内ではbrokerageIDはまた、コンポーネントに渡されたtestIDプロパティは表示されません。
私のコンポーネントでbrokerageIDを使用することができないという私の実装で何が間違っているのでしょうか?証券会社-idとV-バインド:テスト-idはトリックを行う必要があり、V-バインドを使用して、この例ではhttps://vuejs.org/v2/guide/components.html#camelCase-vs-kebab-case
命名小道具について