vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue2 element 弹出框

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 弹出框内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文