当前位置: 首页 > news >正文

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-iconsize="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-itemlabel="触发器编号"prop="triggerId":rules="[{required: true,message: '触发器编号不能为空',trigger: 'blur',},]"><el-inputv-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-selectv-model="state.ruleForm.triggerType"style="width: 100%;"><el-optionvalue="Furion.Schedule.PeriodTrigger"label="间隔"></el-option><el-optionvalue="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"

相关文章:

  • MidTool图文创作-GPT-4与DALL·E 3的结合
  • 互联网分布式应用之SpringCloud
  • JavaWeb——新闻管理系统(Jsp+Servlet)之jsp新闻查询
  • Linux离线安装MySQL(rpm)
  • java基于SSM的游戏商城的设计与实现论文
  • 总结ECMAScript和JavaScript的区别
  • sublim安装Autoprefixer插件
  • 滑动窗口协议仿真(2024)
  • GoldenGate工作原理及应用场景
  • 面试算法91:粉刷房子
  • CentOS使用docker安装mysql并使用navicat 远程链接
  • scroll、offset、client —— JS三大家族
  • 生成式AI:革新软件开发流程与工具的未来趋势
  • MySQL中的开发基于Python的SQL工具类操作数据库简单示例
  • 【鸿蒙4.0】安装DevEcoStudio
  • JS 中的深拷贝与浅拷贝
  • Docker 1.12实践:Docker Service、Stack与分布式应用捆绑包
  • express + mock 让前后台并行开发
  • happypack两次报错的问题
  • IE报vuex requires a Promise polyfill in this browser问题解决
  • Java 网络编程(2):UDP 的使用
  • mockjs让前端开发独立于后端
  • Nacos系列:Nacos的Java SDK使用
  • Service Worker
  • spring boot 整合mybatis 无法输出sql的问题
  • spring cloud gateway 源码解析(4)跨域问题处理
  • swift基础之_对象 实例方法 对象方法。
  • Vue全家桶实现一个Web App
  • 聚类分析——Kmeans
  • 力扣(LeetCode)56
  • 聊聊spring cloud的LoadBalancerAutoConfiguration
  • 前言-如何学习区块链
  • 深度学习中的信息论知识详解
  • 问:在指定的JSON数据中(最外层是数组)根据指定条件拿到匹配到的结果
  • 想写好前端,先练好内功
  • 学习HTTP相关知识笔记
  • d²y/dx²; 偏导数问题 请问f1 f2是什么意思
  • [地铁译]使用SSD缓存应用数据——Moneta项目: 低成本优化的下一代EVCache ...
  • 国内唯一,阿里云入选全球区块链云服务报告,领先AWS、Google ...
  • ​2020 年大前端技术趋势解读
  • #LLM入门|Prompt#1.7_文本拓展_Expanding
  • #我与Java虚拟机的故事#连载04:一本让自己没面子的书
  • $.proxy和$.extend
  • (PyTorch)TCN和RNN/LSTM/GRU结合实现时间序列预测
  • (十八)devops持续集成开发——使用docker安装部署jenkins流水线服务
  • (一)Spring Cloud 直击微服务作用、架构应用、hystrix降级
  • (已解决)vue+element-ui实现个人中心,仿照原神
  • .net core Swagger 过滤部分Api
  • .NET MVC第五章、模型绑定获取表单数据
  • .NET高级面试指南专题十一【 设计模式介绍,为什么要用设计模式】
  • .net知识和学习方法系列(二十一)CLR-枚举
  • .Net转前端开发-启航篇,如何定制博客园主题
  • @data注解_SpringBoot 使用WebSocket打造在线聊天室(基于注解)
  • []FET-430SIM508 研究日志 11.3.31
  • [8-27]正则表达式、扩展表达式以及相关实战