我在父级中有一个向数组添加元素的方法,但不确定如何在组件中使用它(add-new-element)。基本上,在该方法中,我向数组添加了一个新元素以从表中重新加载数据。
父母
<add-new-element id="add-element" @isAdded="onAddElement" ></add-new-customer>
onAddElement(newElement){
console.log('Reload table');
this.items.unshift(newElement);
},
儿童
data() {
return{
isAdded: false,
};
},
如果您希望在数据更改时重新渲染组件,那么如果在数据中进行了设置,这已经是自动的了。
要让子组件访问父方法,请在父方法上使用$emit
并侦听它。
家长:
<ChildComponent v-on:added="onAddElement"/>
儿童:
method: {
elementAdded () {
this.$emit('added', myArgument)
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句