Rails渲染多个Partial时yield多次调用致内容重复的问题求助

嘿，我之前也踩过这个坑！这其实是Rails里content_for的默认特性导致的——它会累加所有传入对应区块的内容，而不是替换掉之前的内容，所以后面的页面会带上前面所有Partial的内容。

问题根源 #

当你在多个Partial里使用content_for :xxx do ... end时，Rails会把每个Partial里的内容都追加到:xxx这个内容块里。比如你先渲染Partial A，往:page_content里加了内容，再渲染Partial B往同一个区块加内容，最后yield :page_content就会同时包含A和B的内容。

三种解决方法 #

1. 用provide代替content_for

provide和content_for类似，但它的行为是替换而不是累加——每次调用provide都会覆盖之前的内容，正好符合你“每个Partial展示独立内容”的需求。

把Partial里的代码改成这样：

<%# _page2.html.erb %>
<% provide :page_content do %>
  <div>这是页面2的专属内容</div>
<% end %>

这样每次渲染新的Partial时，provide会把:page_content的内容替换成当前Partial的内容，后续的yield :page_content就只会显示当前Partial的内容了。

2. 渲染Partial前重置内容块

如果你还是想用content_for，可以在渲染下一个Partial之前，手动清空对应内容块的内容：

<%# 主模板里的代码 %>
<%= render 'page1' %>
<%= yield :page_content %>

<%# 重置内容块，清除之前的内容 %>
<% content_for(:page_content, nil) %>

<%= render 'page2' %>
<%= yield :page_content %>

content_for(:page_content, nil)会把:page_content区块的内容清空，这样下一个Partial的content_for就会重新填充新内容，不会和之前的累加。

3. 直接让Partial输出内容（最直接）

如果你的Partial不需要往布局的特定区块插入内容，完全可以去掉content_for和yield的逻辑，让Partial直接渲染内容：

<%# _page3.html.erb 直接写内容 %>
<h2>页面3的独立内容</h2>
<p>不需要依赖content_for，直接渲染即可</p>

然后在主模板里直接渲染：

<%= render 'page1' %>
<%= render 'page2' %>
<%= render 'page3' %>

这样每个Partial的内容会依次输出，完全独立，不会有累加问题。

总结 #

如果你的需求是每个Partial的内容独立展示，优先用provide或者直接让Partial输出内容；如果必须用content_for，记得每次渲染前重置内容块。

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