使用Vue JestVue Test Utils在element-ui的el-select元素上触发选项更改

问题描述

我想触发element-ui库的el-select元素的选项更改，有人可以帮助我如何触发它将其从默认的option2更改为option1或使用带有开玩笑的vue-test-utils进行其他更改吗？ / p>

我尝试在el-select上触发“更改”事件，但没有任何反应。

下面是渲染的el-select元素的外观：

<div class="el-select testSelect">
  <div class="el-input el-input--suffix">
        <input type="text" readonly="readonly" autocomplete="off" placeholder="Select" class="el-input__inner">
        <span class="el-input__suffix"><span class="el-input__suffix-inner"><i
                    class="el-select__caret el-input__icon el-icon-arrow-up"></i>
            </span>
        </span>
    </div>
    <div class="el-select-dropdown el-popper" style="display: none;">
        <div class="el-scrollbar" style="">
            <div class="el-select-dropdown__wrap el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
                <ul class="el-scrollbar__view el-select-dropdown__list">
                    <li class="el-select-dropdown__item"><span>Option1</span></li>
                    <li class="el-select-dropdown__item selected"><span>Option2</span></li>
                    <li class="el-select-dropdown__item"><span>Option3</span></li>
                    <li class="el-select-dropdown__item"><span>Option4</span></li>
                    <li class="el-select-dropdown__item"><span>Option5</span></li>
                </ul>
            </div>
            <div class="el-scrollbar__bar is-horizontal">
                <div class="el-scrollbar__thumb" style="transform: translateX(0%); webkit-transform: translateX(0%);">
                </div>
            </div>
            <div class="el-scrollbar__bar is-vertical">
                <div class="el-scrollbar__thumb" style="transform: translateY(0%); webkit-transform: translateY(0%);">
                </div>
            </div>
        </div>
    </div>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

vue-test-utils vue.js