我有以下要素:

Parent.svelte

<script>
    import Child from './Child.svelte';

    function handleMouse(){

    }

</script>

<Child on:mousedown={handleMouseDown} on:mouseover={handleMouse}/>

<div draggable="true" on:mousedown={handleMouseDown} on:mouseover={handleMouse}>Text</div>

Child.svelte

<div draggable="true">Child text</div>

handleMouse()函数位于父组件中时,如何使该函数在子组件上起作用?

我可以在子组件中重新创建函数,但有没有一种方法可以只绑定到子元素的父函数?

推荐答案

您可以通过仅使用事件名称指定on:来转发来自子组件的事件,例如

<div draggable="true" on:mousedown on:mouseover >Child text</div>

Javascript相关问答推荐

Cypress -使用commands.js将数据测试id串在一起失败,但在将它们串在一起时不使用命令有效

康威的生活游戏规则在我的Javascript版本中不起作用.''我做错了什么?

当点击注册页面上的注册按钮时,邮箱重复

如何用拉威尔惯性Vue依赖下拉?

使用Java脚本根据按下的按钮更改S文本

无法访问Vue 3深度监视器中对象数组的特定对象值'

Regex结果包含额外的match/group,只带一个返回

使用Promise.All并发解决时,每个promise 的线性时间增加?

使用Google API无法进行Web抓取

如何修复我的数据表,以使stateSave正常工作?

如何在ASP.NET项目中使用Google Chart API JavaScript将二次轴线值格式化为百分比

更新动态数据中对象或数组中的所有值字符串

根据一个条件,如何从处理过的数组中移除一项并将其移动到另一个数组?

在表单集中保存更改时删除';禁用';

将Auth0用户对象存储在nextjs类型脚本的Reaction上下文中

本地损坏的Java脚本

如何向内部有文本输入字段的HTML表添加行?

将字符串解释为数字;将其重新编码为另一个基数

我正在为我的单选按钮在HTML中设置一个值.使用Java脚本,我如何才能获得该值?

将数据对象代码中缺失的属性添加到单个对象不起作用