传输选定选项至另一页面的Vue应用程序实现方法
P粉308089080
P粉308089080 2023-08-28 09:44:23
0
2
466

在我的Vue应用的第一页,我有一个包含邮箱列表的下拉菜单。

我想保存选择的值/文本,并将其作为参数或变量在我路由到的收件箱页面上使用。

这是使用v-autocomplete的下拉菜单代码:

  

这是一个作为v-btn的按钮,用于路由到收件箱页面。

 加载邮箱 

如何保存所选邮箱的值以在路由到的收件箱页面上使用?

P粉308089080
P粉308089080

全部回复 (2)
P粉083785014

将选定的值作为路由参数传递:

$router.push({ name: "Inbox", params: { selectedValue: YOUR_VALUE } });

在收件箱页面中,您可以通过以下方式访问:

$route.params.selectedValue
    P粉038161873

    我建议你开始使用Vuex:)

    这是一个可以在整个应用程序中共享响应式数据对象的库。

    以下是你可能的代码示例:

    // /store/index.js export state: () => { mailbox: '', } export mutation: () => { SET_MAILBOX(state, mailbox) { state.mailbox = mailbox } }
    // your-page.vue  
      最新下载
      更多>
      网站特效
      网站源码
      网站素材
      前端模板
      关于我们 免责声明 Sitemap
      PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!