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"
    

相关推荐

  1. vue窗,div

    2024-01-07 02:10:04       44 阅读
  2. vue 消息

    2024-01-07 02:10:04       31 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-07 02:10:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-07 02:10:04       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-07 02:10:04       82 阅读
  4. Python语言-面向对象

    2024-01-07 02:10:04       91 阅读

热门阅读

  1. vue3组件数据双向绑定

    2024-01-07 02:10:04       53 阅读
  2. C++ 单调栈 || 单调栈模版题

    2024-01-07 02:10:04       64 阅读
  3. git 使用场景 本地分支 关联 远程分支

    2024-01-07 02:10:04       57 阅读
  4. day 34(补)贪心(3)

    2024-01-07 02:10:04       60 阅读