文档章节

mixin混入

不负好时光
 不负好时光
发布于 10/15 23:49
字数 153
阅读 8
收藏 0

①新建mixin.js文件

const mixin = {
  methods: {
   /**
    * 分页公共方法
    */
    handleSizeChange(val) {
      this.pageData.size = val;
      this.query();
    },
    handleCurrentChange(val) {
      // 获取当前页
      this.pageData.currentPage = val;
      this.query();
    }
  }
}
export default mixin;

②页面引用

import mixin from '@/utils/mixin';
export default {
	mixins: [mixin],
	data(){
		return {
			
		}
	}
}

使用mixin混入能更好的复用一些相同功能,此demo只是针对分页的一些公共设置,当然也可以对其他复用,利用,钩子函数中的部分,项目中的分页,基本每个页面都有,每个页面也一遍太繁琐,而且不好维护。

© 著作权归作者所有

共有 人打赏支持
不负好时光
粉丝 21
博文 161
码字总数 88527
作品 0
徐汇
程序员
私信 提问
关于Scala多重继承的菱形问题

在Scala中的trait中引入了混入的概念,即Mixin of trait。 什么是混入(mixin) 可能翻译不准确,有人也称之为混入类(mixins),混入是一种组合的抽象类,主要用于多继承上下文中为一个类添加...

Barudisshu
2015/05/25
0
1
Vue-SSR: head Mixin 实现头部信息管理

上周发了我第一篇技术博客,传送门1:JS中的数组过滤,从简单筛选到多条件筛选,感谢大家的支持,尤其是提出疑问,发现错误的同学,感谢你们。发完博客以后,我用 hexo 搭了一个 github pag...

Anne木槿阿伦
10/24
0
0
Django 基于类的视图源码分析 一

基于类的视图(Class-based view)是Django 1.3引入的新的视图编写方式,用于取代以前基于函数(Function-based)方式。借助于OO和Python中方便的多重继承特性,基于类的视图可以提供更好的抽象与...

XuYuan
2013/02/05
0
0
Python mixin 混入

直接上代码: Python Mixin(混入)这个功能,基本可以解决抽象类的定义问题,比如说Java 里定义抽象类的时候,需要定义一个抽象函数,Python若想实现这种抽象函数的话用Mixin就不用在写抽象...

Archer弓兵
2016/08/29
10
0
学习 kity 笔记(四) Paper 和 Shape

今天继续学习 kity. 根据前面了解的 svg, kity.Paper 大致应对应 svg 画布, 各种 Shape 大致对应 svg 图形元素. 因此需要查看 kity.Paper 类, 以及各个 kity.Shape 类, 了解它们如何封装, 以...

刘军兴
2015/11/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

ConcurrentHashMap 高并发性的实现机制

ConcurrentHashMap 的结构分析 为了更好的理解 ConcurrentHashMap 高并发的具体实现,让我们先探索它的结构模型。 ConcurrentHashMap 类中包含两个静态内部类 HashEntry 和 Segment。HashEnt...

TonyStarkSir
今天
3
0
大数据教程(7.4)HDFS的java客户端API(流处理方式)

博主上一篇博客分享了namenode和datanode的工作原理,本章节将继前面的HDFS的java客户端简单API后深度讲述HDFS流处理API。 场景:博主前面的文章介绍过HDFS上存的大文件会成不同的块存储在不...

em_aaron
昨天
2
0
聊聊storm的window trigger

序 本文主要研究一下storm的window trigger WindowTridentProcessor.prepare storm-core-1.2.2-sources.jar!/org/apache/storm/trident/windowing/WindowTridentProcessor.java public v......

go4it
昨天
6
0
CentOS 生产环境配置

初始配置 对于一般配置来说,不需要安装 epel-release 仓库,本文主要在于希望跟随 RHEL 的配置流程,紧跟红帽公司对于服务器的配置说明。 # yum update 安装 centos-release-scl # yum ins...

clin003
昨天
9
0
GPON网络故障处理手册

导读 为了方便广大网络工作者工作需要,特搜集以下GPON网络处理流程供大家学习参考。开始—初步定为故障—检查光纤状况—检查ONU状态--检查设备运行状态—检查设备数据配置—检查上层设备状态...

问题终结者
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部