vue复用组件之弹窗组件复用

一 思路

1.定义

在共用组件文件夹中，建立一个vue文件，在elementui中复制el-dialog标签内容，加一个自己的插槽（用来自定义弹窗内容），prop 传一个title（用来自定义弹窗标题），在methods写两个方法，一个open打开弹窗（在将来的父组件中调用子组件方法），一个handleDefine（用来调用父组件中的确定方法）

2.全局注册

在main.js中引入组件，Vue.use（‘diaLog’， diaLog）

3.使用组件，在使用组件的位置@子组件的handleDefine=“父组件的handleDefine”

二 具体实现

1.定义

2.全局注册

3.使用组件

今天文章就分享到这里了，如果大家感兴趣可评论留言，我会分享更多复用，例如表格组件复用，增删改查，分页mixin混入复用等，拜拜。