Blame view

src/components/breadcrumb/breadcrumb-item.vue 841 Bytes
7fa943eb   梁灏   init
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
  <template>
      <span>
          <a v-if="href" :href="href" :class="linkClasses">
              <slot></slot>
          </a>
          <span v-else :class="linkClasses">
              <slot></slot>
          </span>
          <span :class="separatorClasses">
              <slot name="separator">{{{ separator }}}</slot>
          </span>
      </span>
  </template>
  <script>
      const prefixCls = 'ivu-breadcrumb-item';
  
      export default {
          props: {
              href: {
                  type: String
              },
              separator: {
                  type: String,
                  default: '/'
              }
          },
          computed: {
              linkClasses () {
                  return `${prefixCls}-link`;
              },
              separatorClasses () {
                  return `${prefixCls}-separator`;
              }
          }
      }
  </script>