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"
    
相关推荐
好_快13 分钟前
Lodash源码阅读-sortedUniqBy
前端·javascript·源码阅读
小流苏生18 分钟前
这只是一罐过期了七年的红牛……
前端·人工智能·程序员
洪洪呀33 分钟前
uni-app vue3 实现72小时倒计时功能
vue.js·uni-app
风清云淡_A35 分钟前
【angular19】入门基础教程(一):项目的搭建与启动
前端·angular.js
好_快1 小时前
Lodash源码阅读-without
前端·javascript·源码阅读
Sc Turing1 小时前
【Vue3-Bug】中路由加载页面直接显示空白
前端·bug
好_快1 小时前
Lodash源码阅读-baseDifference
前端·javascript·源码阅读
云之兕1 小时前
Spring Boot 中多线程的基础使用
java·前端·spring boot
LaughingZhu2 小时前
PH热榜 | 2025-04-26
前端·数据库·人工智能·mysql·开源
萌萌哒草头将军8 小时前
⚡⚡⚡尤雨溪宣布开发 Vite Devtools,这两个很哇塞 🚀 Vite 的插件,你一定要知道!
前端·vue.js·vite