gpt4 book ai didi

vue.js - 为每个路由器 View 设置不同的指令

转载 作者:搜寻专家 更新时间:2023-10-30 22:51:52 26 4
gpt4 key购买 nike

https://jsfiddle.net/guanzo/8fdbcaxo/2/

Vue 实例有 2 个 router-viewfoobar。我如何根据 router-viewfoo 还是 bar 组件有条件地设置指令?现在我不得不对这两个子组件发出相同的指令,但如果我想以不同的方式处理它们怎么办?

像这样

<router-view v-if="isFoo" v-show="showFoo" ></router-view>
<router-view v-else-if="isBar" @click="handleClick" ></router-view>

最佳答案

一种方法是有两个单独的命名 router-view,这样你就可以将指令附加到特定的router-view你想要的。

I've updated your fiddle to demonstrate this.

不过不要过度使用它。想想应该由谁负责处理点击事件——App 还是 Bar?如果是后者,您可能希望将指令放在 Bar 组件中并与父组件通信。

关于vue.js - 为每个路由器 View 设置不同的指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43104762/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com