【vue】vue中Mixins的用法(jeecg-boot为例):

文章目录

        • 一、jeecg-boot本身只有JeecgListMixin.js
        • 二、使用Mixin:
        • 三、mixins详解:
            • 【1】由于每个项目的接口和参数不同=>这里引进js进行处理,不在Mixin里面处理了(Mixin只做公共数据处理)
            • 【2】公共的页面字典
            • 【3】解决方法里面不同请求方法的不同GET/POST


一、jeecg-boot本身只有JeecgListMixin.js

Mixin是为将页面的一些公共方法放在一起处理(节省重复性代码,方便维护)
优先级:页面里面的方法>Mixin里面的方法=》所以维护时要注意查找

【vue】vue中Mixins的用法(jeecg-boot为例):_第1张图片

二、使用Mixin:

注意:这里import 导入的js文件,要在js文件里面有导出
【vue】vue中Mixins的用法(jeecg-boot为例):_第2张图片

【vue】vue中Mixins的用法(jeecg-boot为例):_第3张图片
【vue】vue中Mixins的用法(jeecg-boot为例):_第4张图片

三、mixins详解:

【1】由于每个项目的接口和参数不同=>这里引进js进行处理,不在Mixin里面处理了(Mixin只做公共数据处理)

【vue】vue中Mixins的用法(jeecg-boot为例):_第5张图片
【vue】vue中Mixins的用法(jeecg-boot为例):_第6张图片
【vue】vue中Mixins的用法(jeecg-boot为例):_第7张图片
【vue】vue中Mixins的用法(jeecg-boot为例):_第8张图片

【2】公共的页面字典

【vue】vue中Mixins的用法(jeecg-boot为例):_第9张图片
【vue】vue中Mixins的用法(jeecg-boot为例):_第10张图片
【vue】vue中Mixins的用法(jeecg-boot为例):_第11张图片

【3】解决方法里面不同请求方法的不同GET/POST

【1】加载列表方法:
在这里插入图片描述
【vue】vue中Mixins的用法(jeecg-boot为例):_第12张图片
【2】删除等方法:
【vue】vue中Mixins的用法(jeecg-boot为例):_第13张图片
【3】重置时,默认显示今天:
【vue】vue中Mixins的用法(jeecg-boot为例):_第14张图片

你可能感兴趣的:(Vue框架,vue.js,javascript,前端)