vue父页面调用子页面方法-前端-E先生的博客

vue父页面调用子页面方法

E先生 • 2022-06-26 22:21:58 • 前端 • 阅读664

[导读]：源代码如下：<template><div><el-tabs:tab-position="tabPosition"style="height:200px;"><el-t...

源代码如下：

<template>
  <div>
    <el-tabs :tab-position="tabPosition"
             style="height: 200px;">
      <el-tab-pane label="过滤器">
        <vFilter />
      </el-tab-pane>
      <el-tab-pane label="配置管理">配置管理</el-tab-pane>
      <el-tab-pane label="角色管理">角色管理</el-tab-pane>
      <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import vFilter from './page/filter.vue'
export default {
  components: {
    vFilter,
  },
  data () {
    return {
      name: '过滤器的使用 -局部  -全局',
      tabPosition: 'left'
    }
  },
  methods: {
  },
  created () {
  },
}
</script>
<style scoped>
</style>

本文来自E先生的博客，如若转载，请注明出处：https://www.javajz.cn

Vue,子页面,父页面,Easy,E先生

打赏

微信扫一扫