当var为true时,VueJS防止制表符到可变元素

时间:2019-07-02 14:33:20

标签: javascript html vue.js

我有一个非常简单的可折叠div手风琴组件,它可以工作。

这可以通过slot功能获取任何内容。

有一个切换数据属性(collapsed),用于控制包装器上的类并进行折叠。

内容可能包括诸如表单元素之类的内容,出于可用性的考虑,我们不希望在隐藏时将它们制表(collapsed===true),而在不隐藏时允许将其制表(collapsed===false )。

到目前为止,我已经尝试将tabindex=""(和-1)放在内容包装器上,该方法不起作用。我还尝试过将disabled="disabled"放在内容包装器上,这会使我的事件与内部元素发生混乱,但并不能阻止对其进行制表。

当切换发生时,我可能可以在香草javascript中手动遍历内容块中的所有元素,但这似乎与VueJS相反。

任何人都知道如何无需这样的迭代就可以在给定元素内的任意元素上禁止制表吗?最好是在VueJS中,但是我不知道的某些CSS或数据属性是可以接受的。

0 个答案:

没有答案