最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

解決el-cascader在IE11瀏覽器中加載頁面自動(dòng)展開下拉框問題

 更新時(shí)間:2023年06月30日 09:11:38   作者:Skywang  
這篇文章主要為大家介紹了解決el-cascader在IE11瀏覽器中加載頁面自動(dòng)展開下拉框問題,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

問題

最近一朋友問了個(gè)兼容性問題就是,elementUI的el-cascader組件,當(dāng)設(shè)置filterable屬性后,在IE上會(huì)出現(xiàn)自動(dòng)展開下拉框的問題。網(wǎng)上找了一些方法 感覺沒什么效果,就想到一個(gè)取巧的方法。

解決代碼

    <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ī)框展示影藏變化時(shí)觸發(fā)方法
        let isIE = this.isIE() 
        if (flag && this.numfirst ===0 && isIE ) { // 判斷第一次且是的IE瀏覽器的情況下收回下拉框
          this.$refs.selectLLLL.dropDownVisible = false
          this.numfirst = 1
        } 
      },
    }
}

以上就是解決el-cascader在IE11瀏覽器中加載頁面自動(dòng)展開下拉框問題的詳細(xì)內(nèi)容,更多關(guān)于el-cascader IE11加載下拉框的資料請關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • vue3的基本指令以及對js的導(dǎo)入和導(dǎo)出方法詳解

    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生命周期詳解

    Vue生命周期詳解

    這篇文章詳細(xì)介紹了Vue的生命周期,文中通過代碼示例介紹的非常詳細(xì)。對大家的學(xué)習(xí)有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-04-04
  • keep-alive組件的作用與原理分析

    keep-alive組件的作用與原理分析

    這篇文章主要介紹了keep-alive組件的作用與原理,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-05-05
  • vue打包上傳服務(wù)器刷新404問題的兩種方案

    vue打包上傳服務(wù)器刷新404問題的兩種方案

    這篇文章主要給大家介紹了關(guān)于vue打包上傳服務(wù)器刷新404問題的兩種方案,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-04-04
  • vue中圖片加載不出來的問題及解決

    vue中圖片加載不出來的問題及解決

    這篇文章主要介紹了vue中圖片加載不出來的問題及解決,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-03-03
  • vue 中常用操作數(shù)組的方法(forEach()和reduce())

    vue 中常用操作數(shù)組的方法(forEach()和reduce())

    文章介紹了JavaScript中常用的操作數(shù)組方法,包括forEach()和reduce(),forEach()用于遍歷數(shù)組并對每個(gè)元素執(zhí)行操作,而reduce()則用于遍歷數(shù)組并進(jìn)行累加等迭代操作,感興趣的朋友一起看看吧
    2025-03-03
  • 使用vue-antd動(dòng)態(tài)切換主題

    使用vue-antd動(dòng)態(tài)切換主題

    這篇文章主要介紹了使用vue-antd動(dòng)態(tài)切換主題,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • 基于vue+h5實(shí)現(xiàn)車牌號(hào)輸入框功能(demo)

    基于vue+h5實(shí)現(xiàn)車牌號(hào)輸入框功能(demo)

    最近開發(fā)項(xiàng)目是學(xué)校校內(nèi)車輛超速方面的統(tǒng)計(jì)檢測方面的系統(tǒng),在開發(fā)過程中發(fā)現(xiàn)有個(gè)小功能,就是用戶移動(dòng)端添加車牌號(hào),剛開始想著輸入框,提交時(shí)正則效驗(yàn)一下格式,最后感覺不方便,所以就簡單自己手寫了一個(gè)H5車牌號(hào)軟鍵盤,對vue車牌號(hào)輸入框?qū)崿F(xiàn)代碼感興趣的朋友一起看看吧
    2025-03-03
  • vue系列之requireJs中引入vue-router的方法

    vue系列之requireJs中引入vue-router的方法

    這篇文章主要介紹了vue系列之requireJs中引入vue-router的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-07-07
  • Vue——解決報(bào)錯(cuò) Computed property

    Vue——解決報(bào)錯(cuò) Computed property "****" was assigned to but it ha

    這篇文章主要介紹了Vue——解決報(bào)錯(cuò) Computed property "****" was assigned to but it has no setter.的方法,幫助大家更好的理解和使用vue框架,感興趣的朋友可以了解下
    2020-12-12

最新評論

高要市| 叙永县| 民乐县| 搜索| 崇信县| 石楼县| 泌阳县| 类乌齐县| 桃江县| 龙南县| 连平县| 鸡泽县| 鞍山市| 双鸭山市| 城口县| 岚皋县| 永昌县| 吴堡县| 县级市| 黄石市| 诸城市| 东宁县| 西青区| 海晏县| 股票| 沿河| 贵定县| 泸定县| 京山县| 湖州市| 荃湾区| 乌兰察布市| 宁都县| 乌鲁木齐市| 久治县| 邯郸市| 东源县| 扬州市| 兴海县| 河源市| 郎溪县|