Ember框架中table行包裹link-to无点击效果问题排查

看起来你遇到的核心问题是表格行无法触发路由跳转，我帮你拆解下可能的原因和修复步骤：

1. 最可能的问题：路由参数传递错误 #

你在link-to里写的servicerequestId是一个未定义的变量，而循环中的每一项是servicerequest实例，应该传递这个模型对应的路由参数（通常是id，或者直接传递模型本身）：

修正后的代码（传递模型ID）： #

{{#each model as |servicerequest|}} 
  {{#link-to 'servicerequest.detail' servicerequest.id tagName="tr"}} 
    <td> {{servicerequest.status}} </td> 
    <td> <strong>{{servicerequest.srdescription}}</strong> </td> 
    <td> {{servicerequest.priority}} </td> 
  {{/link-to}} 
{{/each}}

或者直接传递模型（如果路由支持）： #

{{#each model as |servicerequest|}} 
  {{#link-to 'servicerequest.detail' servicerequest tagName="tr"}} 
    <td> {{servicerequest.status}} </td> 
    <td> <strong>{{servicerequest.srdescription}}</strong> </td> 
    <td> {{servicerequest.priority}} </td> 
  {{/link-to}} 
{{/each}}

参数错误会导致路由无法识别跳转目标，看起来就像“行无法点击”。

2. 确保DOM结构符合浏览器规范 #

浏览器要求<tr>必须包裹在<table>和<tbody>（或<thead>/<tfoot>）内部，缺失外层结构可能导致事件绑定失效，建议补充完整：

<table>
  <tbody>
    {{#each model as |servicerequest|}} 
      {{#link-to 'servicerequest.detail' servicerequest.id tagName="tr"}} 
        <td> {{servicerequest.status}} </td> 
        <td> <strong>{{servicerequest.srdescription}}</strong> </td> 
        <td> {{servicerequest.priority}} </td> 
      {{/link-to}} 
    {{/each}}
  </tbody>
</table>

3. 排查其他潜在问题 #

• 检查Ember版本兼容性：如果使用较旧的Ember版本（2.x之前），自定义tagName的link-to可能存在事件绑定bug，可升级版本或手动添加点击事件；
• 检查CSS干扰：确认没有给<tr>或内部<td>设置pointer-events: none样式，这会直接阻止点击事件触发；
• 开发者工具验证：打开浏览器控制台，查看生成的<tr>元素是否带有data-ember-action属性，这是Ember绑定点击事件的标识。

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