|
@@ -107,7 +107,7 @@ const state = reactive({
|
|
|
const dataRules = reactive({
|
|
|
domain: [
|
|
|
{required: true, message: '域名不能为空', trigger: 'blur'},
|
|
|
- { validator: rule.url, trigger: 'blur' }
|
|
|
+ // { validator: rule.url, trigger: 'blur' }
|
|
|
],
|
|
|
});
|
|
|
|
|
@@ -155,20 +155,20 @@ const getConfigDetail = (id: string) => {
|
|
|
});
|
|
|
};
|
|
|
|
|
|
-const handleVisibleChange = (visible) => {
|
|
|
+const handleVisibleChange = (visible: boolean) => {
|
|
|
if (visible) {
|
|
|
// 添加滚动事件监听
|
|
|
const dropdown = document.querySelector('.apps-loadmore .el-select-dropdown__wrap');
|
|
|
- dropdown.addEventListener('scroll', handleScroll);
|
|
|
+ dropdown?.addEventListener('scroll', handleScroll);
|
|
|
} else {
|
|
|
// 移除滚动事件监听
|
|
|
const dropdown = document.querySelector('.el-select-dropdown');
|
|
|
- dropdown.removeEventListener('scroll', handleScroll);
|
|
|
+ dropdown?.removeEventListener('scroll', handleScroll);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
//防抖函数,由于滚动一次滑轮会触发多次scroll事件,需要控制一下触发的次数。
|
|
|
-function debounce(func, delay) {
|
|
|
+function debounce(func: Function, delay: Number = 100) {
|
|
|
let timeout;
|
|
|
return function(...args) {
|
|
|
const context = this;
|
|
@@ -177,7 +177,7 @@ function debounce(func, delay) {
|
|
|
};
|
|
|
}
|
|
|
|
|
|
-const handleScroll = debounce((event) => {
|
|
|
+const handleScroll = debounce (event => {
|
|
|
//判断是否到达可视区域底部,
|
|
|
const bottom = event.target.scrollHeight === event.target.scrollTop + event.target.clientHeight;
|
|
|
if (bottom && state.appList.length < pagination.total) {
|