element下拉框,滾動載入更多資料

2021-10-09 19:51:38 字數 539 閱讀 8853

element下拉框沒有自帶下拉載入更多資料的操作,所以需要自定義一些指令

第一步:新建乙個js

import vue from 'vue'

vue.directive('loadmore',

})}})

第二部:在main.js引用新建的js

// 註冊滾動條載入觸發事件v-loadmore繫結

import selectdirectives from '@/utils/selectdrectives'

vue.use(selectdirectives)

第三步:在元件中使用

注意:這裡的loadmore需要在methods中自定義請求操作方法

methods:,

//獲取下拉框資料

getlist()

this.data.pagenum++;

getlinetablelist(this.data).then(res=>else

})},

}

關於Vue iview的簡單下拉框滾動載入

話不多說,直接上 作用是下拉框內容無限滾動載入 html position relative label 使用者名稱 prop username formvalidate.username disabled usenamedisable placeholder 請輸入使用者名稱 on blur cl...

element ui 下拉框載入事件寫法

根據搜尋條件去分頁載入選項列表,可以寫如下的指令 directives 使用的時候 select v loadmore loaddata option v for item,index in list key index label item.label value item.value async...

優化Ant Design 下拉框伴頁面滾動

在專案中使用antd的form元件,當一屏顯示不完存在滾動條時,滑動滾動條會出現form中的下拉框伴隨頁面滾動的情況。通過重新繫結下拉框對應的父級定位元素,可優化這樣的現象。一 封裝通用方法 export const scrollselectformutils id string 定位當前元素 co...