Vue js - 将数据传递给 vue js 组件中的道具

时间:2021-04-30 11:45:27

标签: javascript vue.js

我有这个应用程序来处理 CRUD,只有 “U(pdate)” 有问题 我有:

<template>
<EditQuestion 
        v-show="showEditQ"
        :questToEdit="questToEdit"
        />
</template> 
<script>
import EditQuestion from '../components/EditQuestion'
export default {
  
name: 'Home',
  
  components: {
     EditQuestion
  },
  data() {
    return {
    questToEdit:{},
    }
  },
methods:{
async getQuestion(_id){
      const questToEdit = await this.fetchQuestion(_id)
      return questToEdit
},
async fetchQuestion(_id) {
        const res = await fetch(`http://localhost:3000/api/questions/${_id}`)
        const data = await res.json()
        return data

    },
}
</script>

在组件方面我有

<template>
    <div>
    <p>test</p>
    
    <p>{{questToEdit.question}}</p>
            <li 
            v-for="(proposition,index) in questToEdit.propositions" 
            :key="index"  
            >{{proposition.props}}
            </li>
    
    
    </div>
</template>
<script>
export default {
    name: 'EditQuestion',
    props: {
        questToEdit:Object
    },
    data(){
      return {
        
    }
    },
  
}
</script>

我觉得我无法访问组件中的 questToEdit(它什么都不做)或者它从来没有被调用过?谢谢你的时间。

0 个答案:

没有答案