当前位置: 首页 > news >正文

vue-tabs标签页引入其他页面

tabs页面

<template>

    <div class="app-container">

        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">

            <el-tab-pane label="套餐用户列表" name="first">

                <user-list ref="userList"/>

            </el-tab-pane>

            <el-tab-pane label="套餐种类" name="two">套餐种类</el-tab-pane>

            <el-tab-pane label="套餐配置" name="three">套餐配置</el-tab-pane>

        </el-tabs>

    </div>

  </template>

  <script>

  import userList from "../setMeal/userList";

  export default {

    name: "SetMeal",

    components: {

        userList

    },

    data() {

      return {

        activeName: 'first'

      };

    },

    created() {

    },

    methods: {

        handleClick(tab, event) {

            console.log(tab, event);

        }

    }

  };

  </script>

引入的页面

<template>

    <div class="app-container">

     

    </div>

  </template>

  <script>

  export default {

    name: "UserList",

    data() {

      return {

      };

    },

    created() {

    },

    methods: {

       

    }

  };

  </script>

http://www.lryc.cn/news/398480.html

相关文章:

  • U-net和U²-Net网络详解
  • Vue3 引入腾讯地图 包含标注简易操作
  • 迅狐抖音机构号授权矩阵系统源码
  • 数据库系统原理练习 | 作业2-第2章关系数据库(附答案)
  • 有向图的强连通分量——AcWing 367. 学校网络
  • 安全开发--多语言基础知识
  • 如何使一个盒子水平垂直居中(常用的)
  • 安全防御-用户认证综合实验
  • uniapp安卓离线打包配置scheme url
  • C++ STL std::lexicographical_compare用法和实现
  • ORM Bee,如何使用Oracle的TO_DATE函数?
  • HTML CSS 基础复习笔记 - 框架、装饰、弹性盒子
  • C++:创建线程
  • python如何查看类的函数
  • P6. 对局列表和排行榜功能
  • uniapp easycom组件冲突
  • 总结24个Python接单赚钱平台与详细教程,兼职月入5000+
  • macOS 的电源适配器设置
  • 视觉SLAM与定位之一前端特征点及匹配
  • 开源项目的认识理解
  • 37.哀家要长脑子了!--层序遍历
  • 【从零开始AI绘画6】StableDiffusionWebUI拓展的安装方法以及推荐的几个拓展
  • HTML5表单的自动验证、取消验证、自定义错误信息
  • SpringMVC系列九: 数据格式化与验证及国际化
  • 判断链表中是否有环(力扣141.环形链表)
  • Kubernetes基于helm部署jenkins
  • 【Linux】vim详解
  • Android11 mtk 第二次设置壁纸,锁屏壁纸不变的问题
  • Java学习路线
  • java 实现人脸检测