在 Hotwire/Rails 应用程序中，何时将 tartget: '_top' 用于 turbo_frame？

如何解决在 Hotwire/Rails 应用程序中，何时将 tartget: '_top' 用于 turbo_frame？

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' %>

解决方法

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

但是考虑你的第一个没有 _top 属性的例子：

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

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