在IE11下 CascaderPanel 初始化總是顯示,添加了先禁用 filterable 再獲取焦點後改變 filterable
<template>
<div id="app">
<el-cascader
:options="options"
:props="props"
:collapse-tags="collapsetags"
:filterable="collapsetags"
@blur="fun1"
></el-cascader>
</div>
</template>
<script>
export default {
name: 'App',
methods: {
fun1 () {
this.collapsetags = true
}
},
data () {
return {
collapsetags: false,
items: {},
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: '新疆維吾爾族自治區',
children: [
{ value: 22, label: '烏魯木齊' },
{ value: 23, label: '克拉瑪依' }
]
}]
}]
}
}
/* mounted () {
/*this.$nextTick(() => {
this.items = document.getElementsByClassName('el-cascader__dropdown')
this.items[0].style.setProperty('display', 'none')
}) */
// },
/* created () {
this.$nextTick(() => {
this.items = document.getElementsByClassName('el-cascader__dropdown')
this.items[0].style.setProperty('display', 'none')
})
} */
}
</script>