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

问题如图所示:

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

去掉 draggable 即可

javascript 复制代码
<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"
    
相关推荐
灵感__idea37 分钟前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴2 小时前
Mix
前端·webgl
代码续发2 小时前
前端组件梳理
前端
试图让你心动3 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
_Kayo_3 小时前
VUE2 学习笔记6 vue数据监测原理
vue.js·笔记·学习
陈不知代码3 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记3 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏3 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数4 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante4 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端