组件VueJs的访问方法

比塞比乌

我在父级中有一个向数组添加元素的方法,但不确定如何在组件中使用它(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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从vuejs组件访问方法?

来自分类Dev

访问Vuejs组件内的元素

来自分类Dev

VueJS从实例访问组件

来自分类Dev

从方法访问组件变量

来自分类Dev

如何从组件方法访问“this”

来自分类Dev

VueJS如何使用组件的父方法

来自分类Dev

使用 vuejs 在 get 方法上刷新组件

来自分类Dev

vuejs从组件到根发出方法

来自分类常见问题

VueJS从父级访问子级组件的数据

来自分类Dev

vuejs2:访问组件内的嵌套 javascript 对象

来自分类Dev

在功能性 vuejs 组件的渲染函数中访问数据

来自分类Dev

Vuejs 使用道具访问模态组件中的数据

来自分类Dev

VueJS组件

来自分类Dev

如何访问React组件实例的方法?

来自分类Dev

如何从父方法访问子属性/组件

来自分类Dev

Svelte-访问子组件的方法

来自分类Dev

无法访问组件方法中的$ refs

来自分类Dev

从过滤器访问组件方法

来自分类Dev

在React中访问父组件的方法onClick

来自分类Dev

如何从方法中的组件访问数据

来自分类Dev

如何访问功能组件中的类组件方法?

来自分类Dev

VueJs:从组件内部的根元素使用方法

来自分类Dev

VueJS | 方法“ watch”在组件定义中具有“ object”类型

来自分类Dev

VueJS 2 从父方法更新组件中的 contenteditable

来自分类Dev

在jquery闭包中调用vuejs组件的方法

来自分类Dev

如何使用Vue类组件访问VueJS 3和Typescript中的HTML ref?

来自分类Dev

Vuejs2 在子组件中访问 firebase.auth() 用户信息

来自分类Dev

VueJS-组件中的组件

来自分类Dev

我如何在方法中访问 vuejs 数据