Question

你好我有一个dom-repeat模板的问题。我有一个带有dom-repeat的元素，在里面我显示了一个my-item元素，我有一个触发自定义事件的按钮，我需要在父元素中获取该事件但我无法使其工作。有什么想法吗？为什么我永远不会被for (i = 1; i < 4; i++) { printf("Enter the Code for Item #%d: ",i); scanf("%d", &CodeNumber1); printf("Enter the Price for Item #%d: ",i); scanf("%f", &Price1); printf("Enter the Quantity for Item #%d: ", i); scanf("%d", &Quantity1); }召唤？

元素：my-view

updateFired(e)

元素：my-item

<template is="dom-repeat" items="{{employees}}">
      <my-item employee="[[item]]" on-update="updateFired"></my-item>
    </template>
    updateFired(e) {
      console.log(e);
    }

Answer 1

在编写事件处理程序的方式中，您的事件名称应为“更新”，而不是“ onUpdate ”。添加on-前缀仅用于定义事件处理程序，实际事件名称应该是后面的部分。

所以你需要改变

const event = new CustomEvent('onUpdate', { bubbles: true, composed: true, detail: this.employee });

到

const event = new CustomEvent('update', { bubbles: true, composed: true, detail: this.employee });

Answer 2

在您的HTML上执行以下操作：

const el = document.getElementById('foo');
el.onclick = showFoo;


function showFoo() {
  alert('Clicked!');
}

在你的javascript中：

find

从dom-repeat中的元素触发CustomEvent

2 个答案: