在 Hotwire/Rails 应用程序中，何时使用 target: '_top' 作为 turbo_frame？

Question

turbo 手册解释了target: '_top'here 和here。

但是我还是不明白这两种形式有什么区别：

#1

<%= turbo_frame_tag 'new_search', target: '_top' do %>    
  <%= search_form_for :q do |f| %>
    ...
  <% end %>
<% end %>

#2

<%= search_form_for :q do |f| %>
  ...
<% end %>

两种形式都会通过 GET 方法发送一个普通的 HTML 格式请求，整个页面将被 Turbo Drive 替换。所以在这种情况下，他们的行为看起来非常相似。

target: '_top' 是否仅在我需要通过 Turbo Frame 的 src 属性延迟加载某些内容而我希望内容在框架外导航时有用？ ：

<%= turbo_frame_tag 'something', src: '/something', target: '_top' %>

Answer 1

您是正确的，任何包装框架之外的表单（如您的#2 示例）与具有target="_top" 的框架标签内的表单相同

但请考虑您的第一个不带 _top 属性的示例：

<%= turbo_frame_tag 'new_search' do %>    
     <%= search_form_for :q do |f| %>
     ...
     <% end %>
<% end %

现在这与示例 #2 不同，搜索表单的结果只会在 new_search 框架内运行。这是 _top 属性的要点，用于在其包装框架之外断开表单或链接。