【问题标题】:How do I transfer input data from one page to another with form table?如何使用表格将输入数据从一页传输到另一页?
【发布时间】:2018-06-12 04:10:47
【问题描述】:

我正在使用 Bootstrap-4 和 Vue.js 创建一个模拟任务管理器。我对这一切都很陌生,但我已经走得很远了。我必须做的最后一件事是将输入数据从我的一个 html 页面发送到另一个,该页面有一个表格,应该用输入数据填写。我已经粘贴了我的代码的 Plunker 链接。我需要帮助来了解如何发送输入数据来填写表格。

谢谢!

http://run.plnkr.co/plunks/J7bfcZVocpWkEkvpRWX7/

【问题讨论】:

  • 由于您是 Vue 新手,如果您深入了解 Vuex 并了解它对这种场景很有用,那就太好了。 Vuex 只是关于拥有一个全局存储,您可以在其中放置可在整个应用程序和任何组件中访问的数据。

标签: vue.js bootstrap-4 dynamic-tables


【解决方案1】:

尝试使用 Vuex。 创建一个主存储,然后在您的第一页使用突变或操作将您的数据发送到存储,并在您的第二页使用 getter 访问它。

第二个选项 创建两个单独的组件,将它们呈现在一个页面上,然后使用 props 将数据传递给组件。

【讨论】:

    猜你喜欢
    • 2021-11-12
    • 2017-08-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多