[英]VueJS - Pass data (array) from child to parent component with v-model
我尝试使用v模型从子组件向父组件发出数据(数组),但是在创建父组件时, console.log
无法正常工作。 我不会使用Vuex,因为我是初学者。
这是我的child component
,该组件具有嵌套子代:
<template>
<PhaseListItem
v-model="selectedPhase"
...
/>
</template>
<script>
import PhaseListItem from '@/components/phase/PhaseListItem'
export default {
name: 'PhaseList',
components: {
PhaseListItem
},
data () {
return {
data: ['item 1', 'item 2'],
selectedPhase: undefined,
}
},
watch: {
selectedPhase () {
this.$emit('phaselist:selected', this.data)
}
},
}
</script>
这是我的parent child
:
<template>
<PhaseList
@phaselist:selected="onChangeChild"
/>
</template>
<script>
import PhaseList from '@/components/phase/PhaseList'
export default {
name: 'PhaseCreate',
components: {
PhaseList
},
methods: {
onChangeChild (value) {
console.log('emit', value) // I want to see my array from child component
}
},
}
</script>
谢谢,
只是改变
@phaselist:selected="onChangeChild"
至
@selected="onChangeChild"
在父亲身上
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.