在Ruby on Rails中集成JavaScript和Stimulus

发布时间：2024-04-19 14:45:23 来源：亿速云阅读：83 作者：小樊栏目：编程语言

要在Ruby on Rails中集成JavaScript和Stimulus，您可以遵循以下步骤：

gem 'stimulus-rails'

然后运行bundle install来安装gem。

引入Stimulus：在应用程序的JavaScript文件中引入Stimulus。您可以在app/javascript/packs/application.js文件中添加以下代码：

require("stimulus")

创建控制器：创建一个Stimulus控制器来处理JavaScript逻辑。您可以在app/javascript/controllers目录下创建一个新的JavaScript文件，例如hello_controller.js，并添加以下内容：

import { Controller } from "stimulus"

export default class extends Controller {
  connect() {
    console.log("Hello, Stimulus!")
  }
}

在视图中使用控制器：在视图文件中使用Stimulus控制器。例如，在app/views/pages/index.html.erb文件中，您可以添加以下代码：

<div data-controller="hello">
  <button data-action="click->hello#connect">Say hello</button>
</div>

这将在页面上创建一个按钮，并且当按钮被点击时，控制器中的connect方法将被调用。

通过以上步骤，您就可以在Ruby on Rails中成功集成JavaScript和Stimulus，并使用Stimulus控制器来处理页面中的交互逻辑。

向AI问一下细节

猜你喜欢