Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-03-16 22:10:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add support to router-link with md-button as tag #470

Browse source
This commit is contained in:
Marcos Moura 2017-02-13 18:43:20 -02:00
parent c693014bf9
commit 64fe165297
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/mdButton/mdButton.vue
View file

@ -1,13 +1,13 @@
<template>
<button class="md-button" :class="[themeClass]" :type="type" :disabled="disabled" v-if="!href">
<md-ink-ripple :md-disabled="disabled"></md-ink-ripple>
<slot></slot>
</button>
<a class="md-button" :class="[themeClass]" :href="href" :disabled="disabled" :target="target" :rel="newRel" v-else>
<a class="md-button" :class="[themeClass]" :href="href" :disabled="disabled" :target="target" :rel="newRel" @click="$emit('click', $event)" v-if="href">
<md-ink-ripple :md-disabled="disabled"></md-ink-ripple>
<slot></slot>
</a>
<button class="md-button" :class="[themeClass]" :type="type" :disabled="disabled" @click="$emit('click', $event)" v-else>
<md-ink-ripple :md-disabled="disabled"></md-ink-ripple>
<slot></slot>
</button>
</template>
<style lang="scss" src="./mdButton.scss"></style>