如何在 Vue.js 的下拉列表中附加一个路由器链接和一个对话框？

Posted 2023-02-23

【中文标题】如何在 Vue.js 的下拉列表中附加一个路由器链接和一个对话框？

【英文标题】：How can I attach one router link and one dialog box in dropdown in Vue.js?

【发布时间】：2021-04-29 00:47:28

【问题描述】：

我必须得到一个下拉菜单并将路由器链接附加到其他组件和一个对话框组件用于其中的对话框。

<td align="center">
    <v-btn round class="mx-2 dropdown-menu" fab small v-bind:style="displayClass(key[2])" v-bind:key="key[1]"
        v-for="(key) in props.item[6]">
        <div>

        <!--option 1-->
        <router-link :to=" name : 'modifyinfo', params:prip : key[0], Name : props.item[1], pripId : key[1]"> displaycase(key[0])
        </router-link>
        <!--option 2-->
        <dialog :prip_name=props.item[1] :prip_info=key[0]>displaycase(key[0])</dialog>

        </div>

    </v-btn>
</td>

我需要在 div 的下拉菜单中获取路由器链接和对话框作为选项。请帮忙。

【参考方案1】：

我不明白你的问题。您想在用户将鼠标悬停在按钮上时呈现路由器链接和对话框组件吗？还是点击？

【讨论】：

感谢您的回答，点击时我想在点击时呈现它。基本上我需要该按钮上的下拉菜单，然后他们应该给我带来这两个选项，第一个是路由，第二个是对话框。 displaycase(key[0]) 我们可以移动到按钮。目前我必须评论路由器以检查对话框，反之亦然。希望我能解释一下。