您现在的位置是：网站首页> 编程资料编程资料

vue3中setup语法糖下通用的分页插件实例详解_vue.js_

2023-05-24 379人已围观

简介 vue3中setup语法糖下通用的分页插件实例详解_vue.js_

先给大家介绍下vue3中setup语法糖下通用的分页插件，内容如下所示：

效果

请添加图片描述

自定义分页插件：PagePlugin.vue

使用插件

vue3中setup语法糖下父子组件之间的通信

准备工作

在router文件夹中创建index.ts文件：

import {createRouter, createWebHashHistory} from 'vue-router' import Father from '../views/Father.vue' const routes = [ { path: '/', name: "Father", component: Father }, { path: '/Son', name: 'Son', component: () => import('../views/Son.vue') } ] const router = createRouter({ history: createWebHashHistory(), routes }) export default router

父传子：

第一步：Father.vue

第二步：Sun.vue

子传父：

第一步：Sun.vue

第二步：Father.vue：

到此这篇关于vue3中setup语法糖下通用的分页插件的文章就介绍到这了,更多相关vue3分页插件内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

您可能感兴趣的文章:

上一篇：vue如何实现路由跳转到外部链接界面_vue.js_

下一篇：vue如何通过router-link或者button跳转到一个新的页面_vue.js_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网