Fatal编程技术网
  • javascript/
  • Javascript 如何将事件传递给Vue JS中嵌套组件中的直接父级

Javascript 如何将事件传递给Vue JS中嵌套组件中的直接父级

javascript recursion vue.js

Javascript 如何将事件传递给Vue JS中嵌套组件中的直接父级,javascript,recursion,vue.js,nested,Javascript,Recursion,Vue.js,Nested,我正在构建一个递归嵌套的树视图。要删除，我想使用$event将事件传递给其父级。但我无法接收这些事件 这是我到目前为止在JSFIDLE上的代码。 Vue.component（'treeview'{ 模板：` 我将为每个对象分配唯一的id，以确定它们位于哪个级别，并在删除时搜索特定的id 这些都是你需要改变的事情 1） 调用treeview组件上的deletemeemit事件，以便家长可以侦听该事件。 2） 在treeview组件中，返回data（）中的空对象{}，并直接在dom中使用pro

我正在构建一个递归嵌套的树视图。要删除，我想使用$event将事件传递给其父级。但我无法接收这些事件

这是我到目前为止在JSFIDLE上的代码。 

Vue.component（'treeview'{
模板：`

    

  • 我将为每个对象分配唯一的
    id
    ，以确定它们位于哪个级别，并在
    删除时搜索特定的
    id
    
这些都是你需要改变的事情
    
1） 调用
    treeview
    组件上的
    deleteme
    emit事件，以便家长可以侦听该事件。
    

    
2） 在treeview组件中，返回
    data（）
    中的空对象
    {}
    ，并直接在dom中使用prop值。这确保每次更改
    treeData
    值时都会更新dom
    

      

    • 为了简化操作，您需要为每个要删除的节点名称指定唯一的id。
      {node\u name:'Core PHP'，id:1，nodes:[]}