vue2 element 弹出框拖拽会出现一层阴影问题

问题如图所示：

因增加 draggable 属性导致我弹窗表单清空文本框时，从右向左选中字体会出现拖拽阴影效果

去掉 draggable 即可

<template><div class="sys-jobTrigger-container"><el-dialog:visible.sync="state.isShowDialog"draggable:close-on-click-modal="false"width="900px"><template #header><div style="color: #fff;"><el-iconsize="16"style="margin-right: 3px; display: inline; vertical-align: middle;"><ele-Edit /></el-icon><span> {{ props.title }} </span></div></template><el-form :model="state.ruleForm" ref="ruleFormRef" label-width="auto"><el-row :gutter="35"><el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"><el-form-itemlabel="触发器编号"prop="triggerId":rules="[{required: true,message: '触发器编号不能为空',trigger: 'blur',},]"><el-inputv-model="state.ruleForm.triggerId"placeholder="触发器编号"clearable/></el-form-item></el-col><el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"><el-form-item label="触发器类型"><el-selectv-model="state.ruleForm.triggerType"style="width: 100%;"><el-optionvalue="Furion.Schedule.PeriodTrigger"label="间隔"></el-option><el-optionvalue="Furion.Schedule.CronTrigger"label="Cron表达式"></el-option></el-select></el-form-item></el-col><el-col:xs="24":sm="12":md="12":lg="12":xl="12"class="mb20"