实现:无法在Dropdown处将属性'tabIndex'设置为null._makeDropdownFocusable [英] Materialize: Cannot set property 'tabIndex' of null at Dropdown._makeDropdownFocusable

问题描述

我正在尝试通过开玩笑地测试我的vuejs组件，其中包含物化选择.在执行组件测试时，在materialize.js中出现以下错误:

I am trying to test my vuejs component via jest that contains materialize select. When performing a component test, I get the following error in materialize.js:

TypeError: Cannot set property 'tabIndex' of null at Dropdown._makeDropdownFocusable

如何解决此错误?

推荐答案

使用id选择器代替类选择器.例如这样的呼叫下拉列表:

use id selector instead class selector. for example call dropdown like this :

html:

<a class='dropdown-trigger' id="dropdowner" href='#' data-target='dropdown1'>Drop Me!</a>

                         <!-- Dropdown Structure -->
                         <ul id='dropdown1' class='dropdown-content'>
                           <li><a href="#!">one</a></li>
                           <li><a href="#!">two</a></li>
                           <li class="divider" tabindex="-1"></li>
                           <li><a href="#!">three</a></li>
                           <li><a href="#!"><i class="material-icons">view_module</i>four</a></li>
                           <li><a href="#!"><i class="material-icons">cloud</i>five</a></li>
                         </ul>

js:

$('#dropdowner').dropdown();

这篇关于实现:无法在Dropdown处将属性'tabIndex'设置为null._makeDropdownFocusable的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！