[Bug Report]Table组件，renderHeader方法，里面渲染的Input组件上所有事件全都不触发

[zhangzhenchang]

       {
          title: '查看关联案件',
          key: "operate",
          renderHeader: (h, params) => {
            return h('div', [
              h('Input', {
                class: "right_item",
                style: {
                  width: 'auto'
                },
                  on: {
                    search: ()=> {
                      console.log("查看案件")
                    },
                    click: ()=> {
                      console.log("查看案件9999")
                    },
                    change: ()=>{
                      console.log("查看案件9999--change")
                    },
                    blur: ()=>{
                      console.log("查看案件9999--blur")
                    },
                  },
                props: {
                  placeholder: "请搜索要素关键词",
                  suffix: "ios-search",
                  search: true,
                },

              }, "自定义表头")
            ]);
          },

        }

on 上面绑定的所有事件全都不触发，改成Button是可以的

[dosubot]

Hey @zhangzhenchang! 👋 I'm here to help you with your coding conundrum. I'm a bot that can assist with bugs, questions, and more while you wait for a human maintainer.

The issue you're experiencing with the Input component's events not triggering in the renderHeader method might be related to how Vue handles event binding in custom render functions. Here are a few things you can try to resolve the issue:

1. Ensure Correct Event Binding: Make sure that the event names are correctly specified. For Vue 3, the event names should be in camelCase, so ensure that the event names like onSearch, onClick, onChange, and onBlur are used instead of search, click, change, and blur.

2. Check Component Registration: Ensure that the Input component is correctly registered in your Vue instance or component. If it's a global component, it should be available automatically, but if it's a local component, make sure it's imported and registered properly.

3. Verify Event Propagation: Sometimes, event propagation might be stopped by parent elements. Ensure that there are no stopPropagation or similar methods being called on parent elements that might prevent the events from reaching the Input component.

4. Debugging: Add some console logs or breakpoints to check if the renderHeader function is being called as expected and if the Input component is being rendered correctly.

If these steps do not resolve the issue, it might be helpful to compare the implementation with the Button component, which works as expected, to identify any differences in how events are handled.

To continue talking to Dosu, mention @dosu.