CrudField关联字段子项onChange事件不触发问题排查求助

• 确认钩子绑定的目标对象
  由于是嵌套在serviceProvider（relationship类型）下的子字段，不能直接把事件绑定到父字段上，必须精准绑定到is_no_tarif_cost这个子字段本身。检查Crud配置中，事件是否挂在该子字段的配置项内，而非外层的serviceProvider字段；同时确认子字段的唯一标识（如name/key）是否正确，比如是否需要写成serviceProvider.is_no_tarif_cost这类嵌套路径格式，匹配框架要求的字段定位规则。

• 验证事件绑定语法合规性
  不同Crud框架的onChange绑定逻辑差异较大：有些要求在字段配置内直接写onChange: (e, row) => { console.log(row.id) }，有些需要通过hooks/events数组注册事件。检查是否遗漏了必要参数（比如当前行数据），或者语法格式不符合框架文档要求。

• 排查动态渲染的事件委托问题
  Relationship类型字段的子组件通常是动态渲染的，若事件绑定时机早于DOM元素生成，会导致绑定失效。确认框架是否支持动态元素的事件绑定机制，比如是否需要使用事件委托，或者在组件挂载完成后再初始化事件监听。

• 检查字段渲染状态
  在浏览器开发者工具中查看is_no_tarif_cost复选框的DOM元素：确认它是否正常渲染、未被隐藏/禁用/覆盖；手动触发change事件（比如执行document.querySelector('目标复选框选择器').dispatchEvent(new Event('change'))），看是否能触发预设的打印逻辑，以此排除字段本身的渲染异常。

• 调试事件绑定生命周期
  在框架的组件生命周期钩子（如mounted/updated）中，打印字段的事件绑定状态，确认监听函数是否已正确挂载到目标字段；如果是Vue/React类框架，检查是否因组件重渲染导致事件绑定被重置，需使用持久化绑定方式（比如Vue的@change指令、React用useCallback包裹事件函数）。

• 排查代码冲突
  检查页面中是否存在全局阻止事件冒泡/默认行为的代码（如event.preventDefault()/event.stopPropagation()），导致change事件无法触发监听函数；暂时禁用其他自定义脚本或插件，排除第三方代码的干扰。

内容的提问来源于stack exchange，提问作者KordDEM