iview select多选下拉 鼠标移出自动收回

方法

//鼠标移出下拉框范围，模拟鼠标点击xy位置，收回下拉框
let mouseLeave = () => {
    let simulateClick = function () {
        var evt = document.createEvent("MouseEvents");
        evt.initMouseEvent("click", true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null);
        document.body.dispatchEvent(evt);
    }
    simulateClick();
}

使用

<FormItem class="item" label="第一阶段(立项用地规划许可)" @mouseleave.native="mouseLeave" prop="topicLandLicence">
    <Select :disabled="isDisabled" multiple v-model="formValidate.topicLandLicence"
        placeholder="请选择">
        <Option v-for="item in topicLandLicence" :key="item.value" :value="item.value">{{ item.label }}</Option>
    </Select>
</FormItem>