解決el-cascader在IE11瀏覽器中加載頁面自動展開下拉框問題
問題
最近一朋友問了個兼容性問題就是,elementUI的el-cascader組件,當(dāng)設(shè)置filterable屬性后,在IE上會出現(xiàn)自動展開下拉框的問題。網(wǎng)上找了一些方法 感覺沒什么效果,就想到一個取巧的方法。
解決代碼
<el-cascader
ref="cascader"
:options="options"
:props="props"
filterable
@visible-change="visibleChange"
collapse-tags
clearable>
</el-cascader>
export default {
name: 'SdtDetail',
components: {
SdtFooter,
PlusOrder,
SdtReplace,
inventedTable
},
data () {
return {
props: { multiple: true },
options: [{
value: 1,
label: '東南',
children: [{
value: 2,
label: '上海',
children: [
{ value: 3, label: '普陀' },
{ value: 4, label: '黃埔' },
{ value: 5, label: '徐匯' }
]
}, {
value: 7,
label: '江蘇',
children: [
{ value: 8, label: '南京' },
{ value: 9, label: '蘇州' },
{ value: 10, label: '無錫' }
]
}, {
value: 12,
label: '浙江',
children: [
{ value: 13, label: '杭州' },
{ value: 14, label: '寧波' },
{ value: 15, label: '嘉興' }
]
}]
}, {
value: 17,
label: '西北',
children: [{
value: 18,
label: '陜西',
children: [
{ value: 19, label: '西安' },
{ value: 20, label: '延安' }
]
}, {
value: 21,
label: '新疆維吾爾自治區(qū)',
children: [
{ value: 22, label: '烏魯木齊' },
{ value: 23, label: '克拉瑪依' }
]
}]
}],
numfirst: 0
}
},
methods: {
isIE() { //ie?
if (!!window.ActiveXObject || "ActiveXObject" in window){
return true;
}else{
return false;
}
},
visibleChange(flag){ // 聯(lián)機(jī)框展示影藏變化時觸發(fā)方法
let isIE = this.isIE()
if (flag && this.numfirst ===0 && isIE ) { // 判斷第一次且是的IE瀏覽器的情況下收回下拉框
this.$refs.selectLLLL.dropDownVisible = false
this.numfirst = 1
}
},
}
}以上就是解決el-cascader在IE11瀏覽器中加載頁面自動展開下拉框問題的詳細(xì)內(nèi)容,更多關(guān)于el-cascader IE11加載下拉框的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
vue3的基本指令以及對js的導(dǎo)入和導(dǎo)出方法詳解
在Vue項(xiàng)目中,我們通常需要在組件、指令、插件等不同部分之間導(dǎo)入和導(dǎo)出功能,這篇文章主要介紹了vue3的基本指令以及對js的導(dǎo)入和導(dǎo)出方法的相關(guān)資料,需要的朋友可以參考下2025-10-10
vue 中常用操作數(shù)組的方法(forEach()和reduce())
文章介紹了JavaScript中常用的操作數(shù)組方法,包括forEach()和reduce(),forEach()用于遍歷數(shù)組并對每個元素執(zhí)行操作,而reduce()則用于遍歷數(shù)組并進(jìn)行累加等迭代操作,感興趣的朋友一起看看吧2025-03-03
基于vue+h5實(shí)現(xiàn)車牌號輸入框功能(demo)
最近開發(fā)項(xiàng)目是學(xué)校校內(nèi)車輛超速方面的統(tǒng)計檢測方面的系統(tǒng),在開發(fā)過程中發(fā)現(xiàn)有個小功能,就是用戶移動端添加車牌號,剛開始想著輸入框,提交時正則效驗(yàn)一下格式,最后感覺不方便,所以就簡單自己手寫了一個H5車牌號軟鍵盤,對vue車牌號輸入框?qū)崿F(xiàn)代碼感興趣的朋友一起看看吧2025-03-03
vue系列之requireJs中引入vue-router的方法
這篇文章主要介紹了vue系列之requireJs中引入vue-router的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
Vue——解決報錯 Computed property "****" was assigned to but it ha
這篇文章主要介紹了Vue——解決報錯 Computed property "****" was assigned to but it has no setter.的方法,幫助大家更好的理解和使用vue框架,感興趣的朋友可以了解下2020-12-12

