diff --git a/package.json b/package.json index 30fd446..40c5c82 100644 --- a/package.json +++ b/package.json @@ -17,7 +17,7 @@ "axios": "0.17.1", "babel-plugin-component": "0.10.1", "babel-polyfill": "6.26.0", - "element-ui": "^2.8.2", + "element-ui": "^2.15.14", "gulp": "4.0.2", "gulp-concat": "2.6.1", "gulp-load-plugins": "2.0.5", diff --git a/src/main.js b/src/main.js index 2b83d72..727754f 100644 --- a/src/main.js +++ b/src/main.js @@ -2,8 +2,11 @@ import Vue from 'vue' import App from '@/App' import router from '@/router' // api: https://github.com/vuejs/vue-router import store from '@/store' // api: https://github.com/vuejs/vuex -import VueCookie from 'vue-cookie' // api: https://github.com/alfhen/vue-cookie -import '@/element-ui' // api: https://github.com/ElemeFE/element +import VueCookie from 'vue-cookie' +import ElementUI from 'element-ui'; +import 'element-ui/lib/theme-chalk/index.css'; +Vue.use(ElementUI); // api: https://github.com/alfhen/vue-cookie +// import '@/element-ui' // api: https://github.com/ElemeFE/element import '@/icons' // api: http://www.iconfont.cn/ import '@/element-ui-theme' import '@/assets/scss/index.scss' @@ -12,6 +15,12 @@ import Bus from '@/assets/js/eventBus.js' import httpRequest from '@/utils/httpRequest' // api: https://github.com/axios/axios import { isAuth } from '@/utils' import cloneDeep from 'lodash/cloneDeep' +// import { debounce, throttle } from './utils/dbucTrtl.js'; +// +// import debounce from 'lodash/debounce' //导入lodash中的debounce +// 在Vue实例上扩展全局方法 +// Vue.prototype.debounce = debounce; +// Vue.prototype.$throttle = throttle; Vue.use(VueCookie) Vue.config.productionTip = false diff --git a/src/utils/dbucTrtl.js b/src/utils/dbucTrtl.js new file mode 100644 index 0000000..0045620 --- /dev/null +++ b/src/utils/dbucTrtl.js @@ -0,0 +1,34 @@ +// 防抖函数 +function debounce(func, wait, immediate) { + let timeout; // 定义一个计时器变量，用于延迟执行函数 + return function (...args) { // 返回一个包装后的函数 + const context = this; // 保存函数执行上下文对象 + const later = function () { // 定义延迟执行的函数 + timeout = null; // 清空计时器变量 + if (!immediate) func.apply(context, args); // 若非立即执行，则调用待防抖函数 + }; + const callNow = immediate && !timeout; // 是否立即调用函数的条件 + clearTimeout(timeout); // 清空计时器 + timeout = setTimeout(later, wait); // 创建新的计时器，延迟执行函数 + if (callNow) func.apply(context, args); // 如果满足立即调用条件，则立即执行函数 + }; +} + +// 节流函数 +function throttle(func, wait) { + let timeout; // 定义一个计时器变量，用于限制函数调用频率 + return function (...args) { // 返回一个包装后的函数 + const context = this; // 保存函数执行上下文对象 + if (!timeout) { // 如果计时器不存在 + func.apply(context, args); // 执行函数 + timeout = setTimeout(() => { + timeout = null; // 清空计时器变量 + }, wait); // 创建计时器，在指定时间后重置计时器变量 + } + }; +} + +export { + debounce, + throttle +}; // 导出防抖函数和节流函数 diff --git a/src/utils/index.js b/src/utils/index.js index 30ac571..04464ba 100644 --- a/src/utils/index.js +++ b/src/utils/index.js @@ -57,3 +57,36 @@ export function clearLoginInfo () { store.commit('resetStore') router.options.isAddDynamicMenuRoutes = false } + + +export function debounce(func, wait, immediate) { + let timeout; // 定义一个计时器变量，用于延迟执行函数 + return function (...args) { // 返回一个包装后的函数 + const context = this; // 保存函数执行上下文对象 + const later = function () { // 定义延迟执行的函数 + timeout = null; // 清空计时器变量 + if (!immediate) func.apply(context, args); // 若非立即执行，则调用待防抖函数 + }; + const callNow = immediate && !timeout; // 是否立即调用函数的条件 + clearTimeout(timeout); // 清空计时器 + timeout = setTimeout(later, wait); // 创建新的计时器，延迟执行函数 + if (callNow) func.apply(context, args); // 如果满足立即调用条件，则立即执行函数 + }; +} + +// 节流函数 +export function throttle(func, wait) { + let timeout; // 定义一个计时器变量，用于限制函数调用频率 + return function (...args) { // 返回一个包装后的函数 + const context = this; // 保存函数执行上下文对象 + if (!timeout) { // 如果计时器不存在 + func.apply(context, args); // 执行函数 + timeout = setTimeout(() => { + timeout = null; // 清空计时器变量 + }, wait); // 创建计时器，在指定时间后重置计时器变量 + } + }; +} + + + diff --git a/src/views/modules/shop/bookmarketingtags.vue b/src/views/modules/shop/bookmarketingtags.vue index 0770154..1475cf2 100644 --- a/src/views/modules/shop/bookmarketingtags.vue +++ b/src/views/modules/shop/bookmarketingtags.vue @@ -1,84 +1,18 @@