Vuejs2 如何使扩展面板仅在单击右侧的折叠图标时打开？

如何使此扩展面板仅在单击图标时打开内容？ 尝试使用

只读

，但没有帮助。 提前谢谢

---

您可以将所有折叠中的参数联机，例如：

expanded={！expanded}

---

在图标中你把

onClick={toggle}

放进去，我遇到了同样的问题，刚刚找到了解决办法

您需要在扩展面板上实现一个自定义按钮，以便它接受自定义事件。您可以使用模板和v槽来实现这一点：

…这里是您的扩展面板代码
mdi过滤器变型

…您的

onClick

方法如下所示：

onClick（）{
/*这将仅通过单击图标进行切换。同时，将阻止切换
通过点击标题*/
const curr=this.panel
this.panel=curr==未定义？0:未定义
}

---

同样的功能在图标点击时切换，并防止在标题点击时切换，这似乎有点不可思议，但这是因为自定义图标按钮本身不切换，所以我们使用

onClick

方法强制进行切换。另一方面，扩展面板标题具有切换面板的本机属性。因此，当我们单击它时，它的值将自动更改，我们需要将它更改回单击之前的状态。

我担心这是不可能的，因为库没有公开任何API来实现这一点。即使您尝试使用

v-model

和

readonly

属性，每次

readonly

设置为false时，整个列表都将变得可单击。