Vue routerlink 和 v-for 如何更改 prop
P粉717595985
P粉717595985 2023-09-09 18:41:15
[Vue.js讨论组]

我正在使用此代码:

   

 const navigation = [
    { name: "Dashboard", to: "/", icon: HomeIcon, current: false },
    { name: "About", to: "/about", icon: UsersIcon, current: false },
    { name: "Projects", to: "about", icon: FolderIcon, current: false },
  ];`

我的问题是如何使用 routerlink 来实现此功能?我希望当您选择当前项目时将其更改为 true。以便顺风级别发生变化。我尝试了 (item.current = true) 但这将所有当前对象更改为 true。您看到的代码来自 Tailwind 组件侧边栏示例。 https://tailwindui.com/components/application-ui/application-shells/sidebar

我现在使用 active-class 并且它以某种方式工作。但还是想知道大概该怎么做。

P粉717595985
P粉717595985

全部回复(1)
P粉985686557

Boussadjra Brahim 的答案是有效的。

只是想添加:所有当前对象 = true 的原因是当您单击其他项目时,您不会将它们更改回 false。因此,如果您不想使用单独的对象来存储当前信息,您可以调用一个函数将所有 [item].currents 变为 false。然后像现在一样继续。

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

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