检查 vue-multiselect 下拉菜单

Question

I want to inspect vue-multiselect dropdown (see eg: https://vue-multiselect.js.org/#sub-select-with-search ).

I tried to pause the script as described here: Inspecting drop down menus in new Chrome , but I always have it closed so I cannot inspect it.

Any solution?

Answer 1

Did you try to turn on the 'Emulate a focused page' feature? It is talked about briefly in the link you provided, but I find that this works really well. I can enable it, have dev tools open, then when I click the multiselect open, I can then explore the DOM and the mulitselect doesn't close.

Check out https://tinytip.co/tips/devtools-focused-page/ for more specific details about how to use this feature.

Hope this helps