vue2 element 弹出框拖拽会出现一层阴影问题解决方法
作者：凌霄玉阶非所愿
这篇文章主要介绍了vue2 element 弹出框拖拽会出现一层阴影问题解决方法,因增加 draggable 属性导致我弹窗表单清空文本框时,从右向左选中字体会出现拖拽阴影效果,本文给大家介绍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-icon
size="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-item
label="触发器编号"
prop="triggerId"
:rules="[
{
required: true,
message: '触发器编号不能为空',
trigger: 'blur',
},
]"
>
<el-input
v-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-select
v-model="state.ruleForm.triggerType"
style="width: 100%;"
>
<el-option
value="Furion.Schedule.PeriodTrigger"
label="间隔"
></el-option>
<el-option
value="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"到此这篇关于vue2 element 弹出框拖拽会出现一层阴影问题的文章就介绍到这了,更多相关vue2 element 弹出框内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！