您好,登錄后才能下訂單哦!
在Rails應用中使用StimulusJS,首先需要在Gemfile文件中添加stimulus-rails gem:
gem 'stimulus-rails'
然后運行bundle install安裝gem。接下來,需要在app/javascript/packs/application.js文件中引入StimulusJS:
import { Application } from "stimulus"
import { definitionsFromContext } from "stimulus/webpack-helpers"
const application = Application.start()
const context = require.context("../controllers", true, /\.js$/)
application.load(definitionsFromContext(context))
在app/javascript/controllers目錄下,創建控制器文件,例如hello_controller.js:
import { Controller } from "stimulus"
export default class extends Controller {
connect() {
console.log("Hello, Stimulus!")
}
}
在需要使用StimulusJS的視圖中,可以使用data-controller和data-action屬性來指定控制器和操作:
<div data-controller="hello">
<button data-action="click->hello#connect">Click me</button>
</div>
最后,在應用的視圖中引入pack_tag標簽來加載JavaScript文件:
<%= javascript_pack_tag 'application' %>
這樣就可以在Rails應用中使用StimulusJS了。通過定義控制器和操作,可以實現頁面上的交互功能。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。