rails erb 中的内联刺激数据操作答案

【问题标题】：Inline stimulus data-action in rails erbrails erb 中的内联刺激数据操作
【发布时间】：2022-11-09 22:38:59
【问题描述】：

导轨 6.1 刺激

这是我的代码

index.html.erb

<form action="./rooms" method="get" class="text-black", data-filter-target="filter" >
      <label>
        <% if params[:creator] %>
          <input type="checkbox" name="creator" value="me" data-action="click->filter#checkout" checked >
        <% else %>
          <input type="checkbox" name="creator" value="me" data-action="click->filter#checkout">
        <% end %>
        filter something
      </label>
</form>

filter_controller.js

import { Controller } from "stimulus"
import Rails from "@rails/ujs"

export default class extends Controller {
  static targets = ["filter"]

  checkout() {
    this.filterTarget.submit()
  }
}

我的期望

没有 filter_controller.js

只需单击复选框-> 表单提交

【问题讨论】：

标签： ruby-on-rails stimulusjs

【解决方案1】：

在两个输入标签中添加 data-controller="filter" 。并删除 div 中的 data-filter-target

【讨论】：