vue2 element 彈出框拖拽會(huì)出現(xiàn)一層陰影問(wèn)題解決方法
更新時(shí)間：2024年01月11日 11:03:39 作者：凌霄玉階非所愿
這篇文章主要介紹了vue2 element 彈出框拖拽會(huì)出現(xiàn)一層陰影問(wèn)題解決方法,因增加 draggable 屬性導(dǎo)致我彈窗表單清空文本框時(shí),從右向左選中字體會(huì)出現(xiàn)拖拽陰影效果,本文給大家介紹vue2 element 彈出框拖拽會(huì)出現(xiàn)一層陰影問(wèn)題解決方法,感興趣的朋友一起看看吧
問(wèn)題如圖所示：
因增加 draggable 屬性導(dǎo)致我彈窗表單清空文本框時(shí)，從右向左選中字體會(huì)出現(xiàn)拖拽陰影效果
去掉 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="觸發(fā)器編號(hào)"
prop="triggerId"
:rules="[
{
required: true,
message: '觸發(fā)器編號(hào)不能為空',
trigger: 'blur',
},
]"
>
<el-input
v-model="state.ruleForm.triggerId"
placeholder="觸發(fā)器編號(hào)"
clearable
/>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="觸發(fā)器類(lèi)型">
<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表達(dá)式"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col
:xs="24"
:sm="12"
:md="12"
:lg="12"
:xl="12"
class="mb20"到此這篇關(guān)于vue2 element 彈出框拖拽會(huì)出現(xiàn)一層陰影問(wèn)題的文章就介紹到這了,更多相關(guān)vue2 element 彈出框內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue3使用ECharts實(shí)現(xiàn)桑基圖的代碼示例
?；鶊D是一種用于直觀顯示流向數(shù)據(jù)的可視化工具,特別適合展示復(fù)雜的網(wǎng)絡(luò)關(guān)系和資源流動(dòng),在前端項(xiàng)目中,通過(guò)結(jié)合?Vue?3?和?ECharts,可以快速實(shí)現(xiàn)交互性強(qiáng)、樣式美觀的?；鶊D,本文將通過(guò)完整的代碼示例,帶你一步步完成一個(gè)?；鶊D的實(shí)現(xiàn),需要的朋友可以參考下2025-01-01
vue?router?動(dòng)態(tài)路由清除方式
這篇文章主要介紹了vue?router?動(dòng)態(tài)路由清除方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
解決vue-router 二級(jí)導(dǎo)航默認(rèn)選中某一選項(xiàng)的問(wèn)題
今天小編就為大家分享一篇解決vue-router 二級(jí)導(dǎo)航默認(rèn)選中某一選項(xiàng)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
解決vue打包c(diǎn)ss文件中背景圖片的路徑問(wèn)題
今天小編就為大家分享一篇解決vue打包c(diǎn)ss文件中背景圖片的路徑問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
這篇文章主要介紹了通過(guò)vue刷新左側(cè)菜單欄操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
本文主要介紹了vue拖拽改變寬度的實(shí)現(xiàn)示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
vue使用svg文件補(bǔ)充-svg放大縮小操作(使用d3.js)
這篇文章主要介紹了vue使用svg文件補(bǔ)充-svg放大縮小操作(使用d3.js)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
vue 查看dist文件里的結(jié)構(gòu)(多種方式)
本文通過(guò)三種方式給大家介紹了vue 查看dist文件里的結(jié)構(gòu),非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-01-01
vue.js實(shí)現(xiàn)刷新當(dāng)前頁(yè)面的方法教程
這篇文章主要給大家介紹了關(guān)于vue.js實(shí)現(xiàn)刷新當(dāng)前頁(yè)面的方法教程，文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編一起來(lái)學(xué)習(xí)學(xué)習(xí)吧。2017-07-07
Vue如何整合mavon-editor編輯器(markdown編輯和預(yù)覽)
這篇文章主要介紹了Vue整合mavon-editor編輯器(markdown編輯和預(yù)覽)的相關(guān)知識(shí)，mavon-editor是目前比較主流的markdown編輯器，重點(diǎn)介紹它的使用方法,需要的朋友可以參考下2022-10-10