刺激反射渲染整个页面，而不是反射根

问题描述

在我看来，我使用刺激反射。即使我在父 div 中使用 data-reflex-root，整个页面也会重新呈现。我该如何解决这个问题？

我的代码是这样的；

<div id="pageruleDiv" data-reflex_root="#pageruleDiv" data-controller="PageruleReflex">

      <%= f.fields_for :pagerule do |form| %>
          <div class="inputObj">
              <%= form.label "Action" %>
              <%= form.select "activity",options_for_select(PageRule.activities.map {|k,v| [k.humanize.capitalize,v]}) %>
          </div>
          <div class="inputObj">
              <%= form.label "Method" %>
              <%= form.select "technique",options_for_select(PageRule.techniques.map {|k,v]}) %>
          </div>
          <div class="inputObj">
              <%= form.label "Page" %>
              <%= form.text_field :page %>
          </div>
          <a class="btn block text-center w-full no-underline" href="#" id="pageRuleButton" data-reflex="click->PageruleReflex#create"
               >Create</a>
      <% end %>

    </div>

解决方法

要使用的属性是 data-reflex-root 而不是 data-reflex_root。

见https://docs.stimulusreflex.com/morph-modes#scoping-page-morphs