zoukankan      html  css  js  c++  java
  • element bradge源码

    全局注册组件都一致,不重复了

    bradge/src/main.vue

    <template>
      <div class="el-badge">
        <slot></slot>
        <transition name="el-zoom-in-center">
          <sup
            v-show="!hidden && (content || content === 0 || isDot)"
            v-text="content"
            class="el-badge__content"
            :class="[
              'el-badge__content--' + type,
              {
                'is-fixed': $slots.default,
                'is-dot': isDot
              }
            ]">
          </sup>
        </transition>
      </div>
    </template>
    
    <script>
    export default {
      name: 'ElBadge',
    
      props: {
        value: {},
        max: Number,
        isDot: Boolean,
        hidden: Boolean,
        type: {
          type: String,
          validator(val) {
            return ['primary', 'success', 'warning', 'info', 'danger'].indexOf(val) > -1;
          }
        }
      },
    
      computed: {
        content() {
          if (this.isDot) return;
    
          const value = this.value;
          const max = this.max;
    
          if (typeof value === 'number' && typeof max === 'number') {
            return max < value ? `${max}+` : value;
          }
    
          return value;
        }
      }
    };
    </script>
  • 相关阅读:
    wget命令
    Linux常用命令大全
    centos7 中文乱码问题解决方法
    Linux软件安装的补充
    redis在Linux上的安装
    Linux下tomcat的安装
    Linux常见命令
    Linux下jdk安装过程
    JAVA中日期处理
    JAVA中File类的使用
  • 原文地址:https://www.cnblogs.com/wsk1576025821/p/10912884.html
Copyright © 2011-2022 走看看