vue 组件封装
又走神了
记录一下平时用的东西,
展开
-
(4)vue 实现路由选项卡组件右击自定义菜单功能
选项卡封装看上篇实现效果实现右键自定义选项卡菜单创建自定义右键菜单给Tabs标签绑定触发事件实现关闭选项卡标签功能vuex内更新路由数据创建自定义右键菜单// tabs.vuerender() { return ( <div class="l_tabs_wrap"> <el-tabs ref="tabs" type="card" value={this.activeKey} on-tab-click={this.switchTab} on-t原创 2020-09-24 14:01:28 · 842 阅读 · 0 评论 -
(3)vue基于el-tabs实现路由选项卡组件封装
记录历史页面的路由选项卡组件完成效果创建tabs组件根据路由数据渲染标签组件内通过vuex内的数据渲染标签完成效果创建tabs组件新建Tabs.vue// Tabs.vue<script>export default { name: 'Tabs', render() { return ( <div class="l_Tabs_wrap"> <el-tabs type="card" > <e原创 2020-09-23 10:10:35 · 3628 阅读 · 0 评论 -
(2)vue通过include实现动态配置缓存路由
动态配置路由给路由添加缓存标志切换页面时将路由路径存到vuex内使用添加需要缓存的路由下面用到的组件在之前有过介绍,有需要的话可以看一下之前的内容给路由添加缓存标志// router.jschildren: [ { path: '/testA/testA', meta: { title: '组件一', icon: 'el-icon-user-solid',原创 2020-09-21 15:23:27 · 2331 阅读 · 1 评论 -
(1)vue基于el-menu实现导航菜单简单封装
el-container布局<template> <el-container class="l_container"> <el-aside width="200px"> <SideMenu/> </el-aside> <el-container> <el-header>Header</el-header> <el-main>Main&l原创 2020-09-10 14:48:10 · 2280 阅读 · 0 评论