84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
在我的Vue应用的第一页,我有一个包含邮箱列表的下拉菜单。
我想保存选择的值/文本,并将其作为参数或变量在我路由到的收件箱页面上使用。
这是使用v-autocomplete的下拉菜单代码:
这是一个作为v-btn的按钮,用于路由到收件箱页面。
加载邮箱
如何保存所选邮箱的值以在路由到的收件箱页面上使用?
将选定的值作为路由参数传递:
$router.push({ name: "Inbox", params: { selectedValue: YOUR_VALUE } });
在收件箱页面中,您可以通过以下方式访问:
$route.params.selectedValue
我建议你开始使用Vuex:)
这是一个可以在整个应用程序中共享响应式数据对象的库。
以下是你可能的代码示例:
// /store/index.js export state: () => { mailbox: '', } export mutation: () => { SET_MAILBOX(state, mailbox) { state.mailbox = mailbox } }
// your-page.vue
将选定的值作为路由参数传递:
在收件箱页面中,您可以通过以下方式访问:
我建议你开始使用Vuex:)
这是一个可以在整个应用程序中共享响应式数据对象的库。
以下是你可能的代码示例: