传输选定选项至另一页面的Vue应用程序实现方法
P粉308089080
P粉308089080 2023-08-28 09:44:23
[Vue.js讨论组]

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

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

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

<v-autocomplete dense
  filled
  label="选择邮箱"
  v-model="mailboxes"
  :items="mailboxes"
  item-text='mailbox'
  item-value='mailbox'>
</v-autocomplete>

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

<v-btn rounded color="primary" 
  @click="$router.push('Inbox')">
加载邮箱</v-btn>

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

P粉308089080
P粉308089080

全部回复(1)
P粉083785014

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

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

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

$route.params.selectedValue
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号