基于动态组件创建并使用动态变量实现列级搜索

我正在开发一个表格组件，需要实现列级搜索功能，但表格的列数是动态的，因此要给每个可搜索列创建对应的绑定搜索输入框的变量。

我尝试用eval创建这些变量，但无法和Svelte的writable('')、$:这类特性配合使用，没能成功。

核心限制条件 #

• 动态搜索变量必须声明为writable('')
• 列的创建逻辑需放在函数中（需根据其他条件重新生成列），但搜索相关变量要放在函数外，保证全局可用
• 总列数及可搜索列数均为动态变化

我是首次进行前端开发，此前从事主机后端开发。

我已经复现了动态场景的代码结构，同时有一个用静态变量实现的可正常工作版本作为参考。现在的核心需求是：让任意输入框的值能对应到$searchColumn及对应列的变量中，以此开展后续处理。

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