こんにちは、現役沖縄フリーランスエンジニアのmah(MaLanka)です。
このブログでは、
僕がIT未経験から約1年でフリーランスエンジニアになるまでの過程、
ノウハウなどを書いていきます。
今回は、
- 【Vue.js Nuxt.js】v-bindでhref属性に文字列とコンポーネントのプロパティを指定する
について書いていきます。
【Vue.js Nuxt.js】v-bindでhref属性に文字列とコンポーネントのプロパティを指定する
v-bindの記法は下記になります。
// 基本形 v-bind:属性名="プロパティ名" // v-bindは省略可能 :属性名="プロパティ名"
例. taskコンポーネントが、nameというプロパティを持つ場合
<a v-bind:href="task.name">Name</a>
これで task.name をhref属性に指定したリンクが生成されます。
素の文字列とコンポーネントのプロパティを連結する場合
シングルクォートで囲った文字列 + プロパティ
のようにすればOKです。
- tasks/1/edit というpathにしたい場合
// idプロパティの値が「1」であるとする // 通常の文字列はシングルクォートで囲う必要がある <a v-bind:href="'tasks/' + task.id + '/edit'">編集</a>
Vue.jsやフロントエンドを学習したい方へ
自分の場合、
React.js、Vue.js、TypeScriptはUdemyの下記コースで学習しました。
✅フロントエンドエンジニアのための React ・ Redux アプリケーション開発入門
最後に
下記の表に、
フリーランスエンジニア向けの人気エージェントをまとめてみました。
エージェント選びで悩んでいる方は是非参考にしてみてくださいね★
エージェント | 詳細 | 最高単価/月 | 設立 |
---|---|---|---|
ココナラテック(旧:フリエン)(furien) | 評判をチェック | 180万円/月 | 2011年 |
ギークスジョブ | 評判をチェック | 180万円/月 | 2011年 |
フォスターフリーランス | 評判をチェック | 230万円/月 | 1996年 |
pe-bank(pebank) | 評判をチェック | 200万円/月 | 1989年 |
Midworks(ミッドワークス) | 評判をチェック | 200万円/月 | 2013年 |
レバテックフリーランス | 評判をチェック | 140万円/月 | 2005年 |
あわせて読みたい