element源碼之el-link

<template>
  <a
    :class="[
      'el-link',
      type ? `el-link--${type}` : '',
      disabled && 'is-disabled',
      underline && !disabled && 'is-underline'
    ]"
    :href="disabled ? null : href"
    v-bind="$attrs"
    @click="handleClick"
  >

    <i :class="icon" v-if="icon"></i>

    <span v-if="$slots.default" class="el-link--inner">
      <slot></slot>
      <!-- default slot -->
    </span>

    <template v-if="$slots.icon"><slot v-if="$slots.icon" name="icon"></slot></template>
    <!-- icon slot，一般用不上 -->
  </a>
</template>

<script>

export default {
  name: 'ElLink',

  props: {
    type: {   // css
      type: String,
      default: 'default'
    },
    underline: {   // class (細(xì)節(jié),disabled的情況下也不顯示下劃線)
      type: Boolean,
      default: true
    },
    disabled: Boolean,   // css
    href: String,  // 原生 href 屬性（ disabled 為false時才設(shè)置該屬性）
    icon: String  // class
  },

  methods: {
    // 不禁用且herf不為null情況下觸發(fā)該事件
    handleClick(event) {
      if (!this.disabled) {
        if (!this.href) {
          this.$emit('click', event);
        }
      }
    }
  }
};
</script>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

人面猴
序言：七十年代末蘑志，一起剝皮案震驚了整個濱河市绰上，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌母谎，老刑警劉巖埂蕊，帶你破解...
沈念sama閱讀 221,576評論 6贊 515
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件揪利，死亡現(xiàn)場離奇詭異，居然都是意外死亡笛坦，警方通過查閱死者的電腦和手機(jī)区转，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 94,515評論 3贊 399
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來版扩，“玉大人废离，你說我怎么就攤上這事〗嘎” “怎么了蜻韭？”我有些...
開封第一講書人閱讀 168,017評論 0贊 360
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長柿扣。經(jīng)常有香客問我肖方，道長，這世上最難降的妖魔是什么未状？我笑而不...
開封第一講書人閱讀 59,626評論 1贊 296
?港島之戀（遺憾婚禮）
正文為了忘掉前任俯画，我火速辦了婚禮，結(jié)果婚禮上司草，老公的妹妹穿的比我還像新娘艰垂。我一直安慰自己，他們只是感情好埋虹，可當(dāng)我...
茶點(diǎn)故事閱讀 68,625評論 6贊 397
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布猜憎。她就那樣靜靜地躺著，像睡著了一般搔课。火紅的嫁衣襯著肌膚如雪拉宗。梳的紋絲不亂的頭發(fā)上，一...
開封第一講書人閱讀 52,255評論 1贊 308
城市分裂傳說
那天辣辫，我揣著相機(jī)與錄音旦事，去河邊找鬼。笑死急灭，一個胖子當(dāng)著我的面吹牛姐浮，可吹牛的內(nèi)容都是我干的。我是一名探鬼主播葬馋，決...
沈念sama閱讀 40,825評論 3贊 421
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼卖鲤，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了畴嘶？” 一聲冷哼從身側(cè)響起蛋逾，我...
開封第一講書人閱讀 39,729評論 0贊 276
萬榮殺人案實(shí)錄
序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎窗悯，沒想到半個月后区匣，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
沈念sama閱讀 46,271評論 1贊 320
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡蒋院，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 38,363評論 3贊 340
?白月光啟示錄
正文我和宋清朗相戀三年亏钩，在試婚紗的時候發(fā)現(xiàn)自己被綠了。大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片欺旧。...
茶點(diǎn)故事閱讀 40,498評論 1贊 352
活死人
序言：一個原本活蹦亂跳的男人離奇死亡姑丑，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出辞友，到底是詐尸還是另有隱情栅哀，我是刑警寧澤，帶...
沈念sama閱讀 36,183評論 5贊 350
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布称龙，位于F島的核電站留拾，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏茵瀑。R本人自食惡果不足惜间驮，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 41,867評論 3贊 333
男人毒藥：我在死后第九天來索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望马昨。院中可真熱鬧竞帽，春花似錦、人聲如沸鸿捧。這莊子的主人今日做“春日...
開封第一講書人閱讀 32,338評論 0贊 24
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽匙奴。三九已至堆巧，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背谍肤。一陣腳步聲響...
開封第一講書人閱讀 33,458評論 1贊 272
情欲美人皮
我被黑心中介騙來泰國打工啦租，沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留，地道東北人荒揣。一個月前我還...
沈念sama閱讀 48,906評論 3贊 376
代替公主和親
正文我出身青樓篷角，卻偏偏與公主長得像，于是被迫代替她去往敵國和親系任。傳聞我的和親對象是個殘疾皇子恳蹲，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 45,507評論 2贊 359

element源碼之el-link

推薦閱讀更多精彩內(nèi)容