chenhaodong / mew-iview

Blame view

src/components/cell/cell.vue 2.61 KB
Edit Raw Normal View History
59a3b893   梁灏   add Cell componen... 
1
 
  <template>
5fe393db   梁灏   update 
2
3
 
      <div :class="classes" tabindex="0">
          <a v-if="to" :href="to" class="ivu-cell-link" @click.prevent="handleClick">
da76a284   梁灏   update Cell 
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
              <CellItem :title="title" :label="label" :extra="extra">
                  <slot name="icon" slot="icon"></slot>
                  <slot></slot>
                  <slot name="extra" slot="extra"></slot>
              </CellItem>
          </a>
          <div class="ivu-cell-link" v-else>
              <CellItem :title="title" :label="label" :extra="extra">
                  <slot name="icon" slot="icon"></slot>
                  <slot></slot>
                  <slot name="extra" slot="extra"></slot>
              </CellItem>
          </div>
          <div class="ivu-cell-arrow" v-if="to">
              <slot name="arrow">
                  <Icon type="ios-arrow-right"></Icon>
              </slot>
          </div>
      </div>
59a3b893   梁灏   add Cell componen... 
23
24
 
  </template>
  <script>
da76a284   梁灏   update Cell 
25
26
27
28
29
 
      import CellItem from './cell-item.vue';
      import Icon from '../icon/icon.vue';
  
      const prefixCls = 'ivu-cell';
59a3b893   梁灏   add Cell componen... 
30
 
      export default {
da76a284   梁灏   update Cell 
31
32
 
          name: 'Cell',
          components: { CellItem, Icon },
59a3b893   梁灏   add Cell componen... 
33
 
          props: {
da76a284   梁灏   update Cell 
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
              name: {
                  type: [String, Number]
              },
              title: {
                  type: String,
                  default: ''
              },
              label: {
                  type: String,
                  default: ''
              },
              extra: {
                  type: String,
                  default: ''
              },
              disabled: {
                  type: Boolean,
                  default: false
              },
              selected: {
                  type: Boolean,
                  default: false
              },
              to: {
                  type: [Object, String]
              },
              replace: {
                  type: Boolean,
                  default: false
              }
59a3b893   梁灏   add Cell componen... 
64
 
          },
da76a284   梁灏   update Cell 
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
 
          data () {
              return {
                  prefixCls: prefixCls
              }
          },
          computed: {
              classes () {
                  return [
                      `${prefixCls}`,
                      {
                          [`${prefixCls}-disabled`]: this.disabled,
                          [`${prefixCls}-selected`]: this.selected,
                          [`${prefixCls}-with-link`]: this.to
                      }
                  ];
              }
          },
          methods: {
              handleClick () {
                  const isRoute = this.$router;
                  if (isRoute) {
                      this.replace ? this.$router.replace(this.to) : this.$router.push(this.to);
                  } else {
                      window.location.href = this.to;
                  }
              }
          }
59a3b893   梁灏   add Cell componen... 
92
93
 
      }
  </script>