【環境】
vue2.5.17
vue-router3.1.3
vue-template-compiler2.6.10
Laravel5.8.35
【やりたいこと】
vue.jsを使用して、href部分に{{}}を使用し、DBから取得したURLを表示させたい。
DBから取得した{{ account.nickname }}にツイッターのユーザー名が入り、動的にURLが変わる様にしたい。
【ソースコード】
(MypagePanel.vue)
vue
1<section class="p-panel"> 2 <div class="p-panel__account"> 3 <div class="p-panel__img"><a class="c-img__circle" href="https://twitter.com/{{ account.nickname }}"><img class="c-img__icon" :src="account.avatar" alt="Twitterのアイコン"></a></div> 4 <div class="p-panel__name"> 5 <div class=""><a href="#">{{ account.name }}</a></div> 6 <div class=""><a href="#">@{{ account.nickname }}</a></div> 7 </div> 8 </div>
(Mypage.vue)
vue
1<template v-if="twitterAccounts && twitterAccounts.length > 0"> 2 <mypage-panel 3 v-for="(twitterAccount, index) in twitterAccounts" 4 :key="index" 5 :account="twitterAccount" 6 /> 7 </template>
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/02/02 17:19
2020/02/03 02:23