javascript - v-list-group 中的附加按钮
问题描述
我想建立 v-list-group 它将有额外的按钮。但这些按钮不应激活/停用组列表。我做了例子:
<div id="app">
<v-app id="inspire">
<v-card
class="mx-auto"
width="300"
>
<v-list>
<v-list-group
:value="true"
prepend-icon="mdi-account-circle"
>
<template v-slot:activator>
<v-list-item-title>Users</v-list-item-title>
<v-list-item-action>
<v-btn icon>
<v-icon>mdi-plus</v-icon> <!-- This button should not activate list -->
</v-btn>
</v-list-item-action>
</template>
<v-list-group
:value="true"
no-action
sub-group
>
<template v-slot:activator>
<v-list-item-content>
<v-list-item-title>Admin</v-list-item-title>
</v-list-item-content>
</template>
<v-list-item
v-for="([title, icon], i) in admins"
:key="i"
link
>
<v-list-item-title v-text="title"></v-list-item-title>
<v-list-item-icon>
<v-icon v-text="icon"></v-icon>
</v-list-item-icon>
</v-list-item>
</v-list-group>
</v-list-group>
</v-list>
</v-card>
</v-app>
</div>
https://codepen.io/mmasztalerczuk/pen/VwPGXjv
按下加号按钮时,不应激活/停用组列表。
解决方案
推荐阅读
- sql - 在修复字符后添加零/零,零的数量因 MSSQL 而异
- css - 我可以在样式化的 div 中绘制 SVG 路径吗?
- ios - 使用 React Native App 将默认设置为“方形 (1:1)”图像捕获和保存?
- html - 行未出现在活动/当前导航链接下
- javascript - 如何替换 UI 元素,而不是仅仅将它们添加到现有 UI。| JavaScript , 获取 API | DOM 操作
- mysql - 如果我截断表,然后插入一个新行,那么行的“Id Column”的编号从 1 开始,否则它将从最后一条记录继续
- nginx - 大摇大摆地支持 Nginx 而不是 Zuul
- python - 当键是字典中的哈希字符串时如何附加值?
- gnome - 仅切换同一工作区的窗口 Ubuntu 18.04
- c++ - 如何在不丢失其顺序 C++ 的情况下对向量进行排序?