zoukankan      html  css  js  c++  java
  • 组件里面调用组建的方法

    <template>
     <div>
        <a-menu mode="horizontal" @click="menuClick" v-model=current>
          <a-sub-menu>
            <span slot="title" class="submenu-title-wrapper">
              <a-icon type="DataCleaning" />测试数据清理</span>
            <a-menu-item key="DataCleaning_1">清除B2C购课用户信息</a-menu-item>
          </a-sub-menu>
        </a-menu>
         <DataCleaning class="position" v-if='selectnum=="DataCleaning_1"'> </DataCleaning>
     </div>
    </template>
    
    <script>
    import DataCleaning from "../../../components/tool/b_end/DataCleaning"
     
      export default {
        data() {
          return {
            //控制默认选择
            current: ['DataCleaning_1'],
            selectnum:"DataCleaning_1",
          }
        },
       methods: {
        menuClick(e) {
          console.log(e.key);
          this.selectnum=e.key
        },
         
        },
        components:{
          DataCleaning,
        },
      }
    
    
    </script>
    
    <style>
    .position{
       position:relative;top:50px;}
    
    </style>
    

      

  • 相关阅读:
    运算符与优先级
    数据类型
    c++基础
    有关进制
    函数二——递归
    字符串与随机数
    C语言第一课
    Linux-Shell
    Linux入门
    文本处理三剑客命令初探
  • 原文地址:https://www.cnblogs.com/kaibindirver/p/15208531.html
Copyright © 2011-2022 走看看