other / mew-iview

  <template>
      <span>

          <a v-if="to" :href="linkUrl" :class="linkClasses" @click.prevent="handleClick">

              <slot></slot>
          </a>
          <span v-else :class="linkClasses">
              <slot></slot>
          </span>

          <span :class="separatorClasses" v-html="separator" v-if="!showSeparator"></span>

          <span :class="separatorClasses" v-else>
              <slot name="separator"></slot>

          </span>
      </span>
  </template>
  <script>

      import mixinsLink from '../../mixins/link';

      const prefixCls = 'ivu-breadcrumb-item';
  
      export default {

          name: 'BreadcrumbItem',

          mixins: [ mixinsLink ],

          props: {

              to: {
                  type: [Object, String]

              },
              replace: {
                  type: Boolean,
                  default: false

              }
          },

          data () {
              return {
                  separator: '',
                  showSeparator: false

              };

          },

          computed: {
              linkClasses () {
                  return `${prefixCls}-link`;
              },
              separatorClasses () {
                  return `${prefixCls}-separator`;
              }

          },
          mounted () {
              this.showSeparator = this.$slots.separator !== undefined;

          }

      };
  </script>