我需要inputData從父組件系結我的子組件資料 ( ) 但它不起作用我找不到我的錯誤在哪里
應用程式.js
let vm = new Vue({
el: "#app",
components: {
'modal-panel': modal,
'rich-select': richSelect,
'file-upload': uploader,
},
data(){ return {
isModalActive: false,
inputData: null
}} ,
methods: {
toggleModal(){
this.isModalActive = !this.isModalActive
},
modalData(){
this.inputData = 'Example Data'
}
}
});
Modal.vue
<template>
<input type="text" :value="inputData" >
</template>
export default {
name: 'modal',
props: ['inputData'],
mounted(){
console.log('modal Mounted')
}
};
在我的刀片內，我正在像這樣呼叫模態組件
<div class="container" id="app">
<modal-panel v-if="isModalActive" @close="toggleModal" :inputData="inputData"></modal-panel>
</div>
當我測驗代碼時，所有方法都在作業，但在Modal.vue 中 input仍然沒有系結
uj5u.com熱心網友回復：
您必須使用帶有 kebab-case 格式的道具，如下所示：
<modal-panel v-if="isModalActive" @close="toggleModal" :input-data="inputData"></modal-panel>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/394554.html