Rails7中如何修改button_to生成的<button>为<bx-btn>

方法一：自定义辅助方法（推荐，不影响全局） #

在app/helpers/application_helper.rb中添加自定义的按钮辅助方法：

def bx_button_to(text, path, options = {})
  if options[:method] == :delete
    # DELETE请求依赖表单提交，保留Rails的CSRF验证逻辑
    form_tag(path, method: :delete) do
      concat tag.bx_btn(text, type: 'submit', **options.except(:method))
    end
  else
    # GET/POST请求直接生成bx-btn标签，通过onclick跳转
    tag.bx_btn(text, onclick: "window.location.href='#{path}'", **options.except(:method))
  end
end

之后在视图中直接调用这个新方法即可：

<%= bx_button_to "Destroy this post", @post, method: :delete %>

方法二：全局重写button_to（适合全项目替换） #

创建初始化文件config/initializers/button_to_overrides.rb，重写Rails内置的button_to方法，将生成的逻辑替换为：

module ActionView
  module Helpers
    module UrlHelper
      def button_to(name = nil, options = nil, html_options = nil, &block)
        html_options, options = options, name if block_given?
        options ||= {}
        html_options ||= {}
        html_options = html_options.stringify_keys

        url = options.is_a?(String) ? options : url_for(options)
        method = html_options.delete('method').to_s

        form_method = method == 'get' ? 'get' : 'post'
        form_options = {
          action: url,
          method: form_method,
          data: html_options.delete('data'),
          class: html_options.delete('form_class')
        }.compact

        # 处理非GET/POST请求的method字段（兼容Turbo）
        if method != 'get' && method != 'post'
          form_options[:data] ||= {}
          form_options[:data][:turbo_method] = method if defined?(Turbo)
          unless defined?(Turbo)
            html_options['name'] = '_method'
            html_options['value'] = method
            html_options['type'] = 'hidden'
            hidden_field = tag.input(**html_options)
            html_options.except!('name', 'value', 'type')
          end
        end

        # 生成表单并替换<button>为<bx-btn>
        form_tag(form_options) do
          content = block_given? ? capture(&block) : name
          button_content = tag.bx_btn(content, type: 'submit', **html_options)
          concat(button_content)
          concat(hidden_field) if defined?(hidden_field)
        end
      end
    end
  end
end

修改后，原来的button_to调用会自动生成标签，无需修改视图代码。

注意事项 #

• 如果项目使用Turbo，代码已兼容data-turbo-method处理非标准请求方法
• 可根据组件的需求，调整传递给tag.bx_btn的属性参数
• 方法一灵活性更高，仅在需要的地方使用；方法二适合全项目统一替换按钮标签

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