chenhaodong / mew-iview

  <template>
  	<div :class="anchorLinkClasses">

          <a :class="linkTitleClasses" :href="href" :data-href="href" @click.prevent="goAnchor" :title="title">{{ title }}</a>

          <slot></slot>
      </div>
  </template>
  <script>

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

  export default {
      name: 'AnchorLink',

      inject: ['anchorCom'],

      mixins: [ mixinsLink ],

      props: {
          href: String,
          title: String
      },
      data () {
          return {
              prefix: 'ivu-anchor-link'
          };
      },
      computed: {
          anchorLinkClasses () {
              return [
                  this.prefix,

                  this.anchorCom.currentLink === this.href ? `${this.prefix}-active` : ''

              ];
          },
          linkTitleClasses () {
              return [
                  `${this.prefix}-title`
              ];

          }
      },
      methods: {

          goAnchor (event) {
              this.currentLink = this.href;
              this.$emit('on-select', this.href);
              this.handleCheckClick(event);

          }

      },
      mounted () {
          this.$nextTick(() => {

              this.anchorCom.init();

          });

      }
  };
  </script>