javascript - 将实例变量传递给 webpacker JS

标签 javascript ruby-on-rails webpack webpacker

在Rails应用程序中,是否可以将当前实例变量传递给通过webpacker(而不是sprocket)加载的javascript文件? 这可能会阻止我通过执行以下操作将数据传递到基于组件的框架(例如 Vue):

const el = <%= @employees.to_json %>

我的想法是简化它,这样我就不需要使用 Rails 作为 API,同时仍然向前端框架提供数据。 将数据放入 HTML 中的 div 或表单中的想法对我来说似乎很困惑。 我什至想如果我可以创建一个加载到 sprocket 上的空 javascript 文件,我只需创建变量,然后将其加载到使用 webpack 加载的文件中,但它仍然可能是过度工程......任何人都可以帮助我吗?

最佳答案

也许gon gem有帮助。 Railscast 。 只需在 Controller 中设置变量即可:

gon.employees = @employees.to_json

并且可以在 js gon.employees

上使用

关于javascript - 将实例变量传递给 webpacker JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48691815/

相关文章:

javascript - 如何停止后台上传?

ruby-on-rails - 为什么在不使用 "sudo"的情况下进行捆绑安装时会出现错误

javascript - 如何使用 Webpack 从 Vue 路由器生成 sitemap.xml?

javascript - 发布 NPM 包时,我得到一个空对象,我的设置是 (ES6,Babel,Webpack,React,Redux,Sagas)

javascript - 导航未使用 Bootstrap ScrollSpy 更新

javascript - 如何删除在 TypeScript 中使用 "this"的事件监听器?

javascript - 无法以 Angular 5 在我的页面中显示我的数组数据?

jquery - Rails 3 ajax 调用 - ActionView::MissingTemplate

ruby-on-rails - 从 JSON 字符串中提取 JSON 对象

node.js - create-react-app和npm install webpack错误:超出最大调用堆栈大小