如何使禁用的v-select内部的筹码可点击？

Question

我有一个v-select，它内部代表v-chip的所选项目。我希望在用户不编辑选择内容时将芯片用作按钮，但是在用户不编辑选择内容时v-select被禁用。由于v-select被禁用，因此我绑定到@click的{​​{1}}事件都没有起作用，因为禁用行为会逐步下降到v-chip s。由于需要禁用v-chip来防止下拉行为，因此如何在v-select元素上启用@click事件。

有关我的粗略设置，请参见此CodePen：

Answer 1

似乎v-chip的{​​{1}}属性添加了

disable

所有后代的

style。这就是阻止v-select事件触发的原因。

要重新启用pointer-events: none; 的点击，请添加样式

@click

到v-chip声明。

请参阅此有效的CodePen：https://codepen.io/anon/pen/orLxMz