LoginSignup
homusuke
@homusuke (がみん)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

ElementUIのlinkコンポーネントにNuxt.jsのNuxtLinkを当てる方法

Q&A

Closed

ElementUINuxt

質問

掲題のとおりで、Element UIに NuxtLintを当てる方法はありますか？
(もしくはその逆のアプローチ)

<template>
  <NuxtLink to="/users" >戻る</nuxt-link>
 <!-- el-link を適用したい-->
</template>

参考

例えば、Vuetifyでは下記のようにするとNuxtLinkを適用できます。

<v-btn to="/users" nuxt>戻る</ v-btn>
1

2Answer

uasi
@uasi
<el-link href="/">Link</el-link>

は

<a href="/" class="el-link el-link--default is-underline">
  <span class="el-link--inner">Link</span>
</a>

に展開されます。（el-link を表示させてブラウザの開発者ツールで確認しました。）この形を NuxtLink に適用して

<template>
  <nuxt-link :to="/users" class="el-link el-link--primary is-underline">
    <span class="el-link--inner">戻る</span>
  </nuxt-link>
</template>

と書けばどうでしょうか。

2Like

Comments

  1. @homusuke

    Questioner

    なるほど・・・ありがとうございます！
    展開されたソースコードから追うという根本的な解決への導き方も勉強になりました🙏

Comments

  1. @homusuke

    Questioner

    コメントありがとうございます！

    出来はしました、が
    aタグの中にaタグが含まれる構造になるので多分良くはなさそうです。

Your answer might help someone💌

LoginSign Up