Q&A
実現したいこと
Vue.jsのグリッドコンポーネントのサンプルにおいてtdの要素内にlinkを設定したい
例えばNameカラムの各要素に
html
1<a href="/hogehoge.php?name=Chuck Norris"> Chuck Norris </a>
と生成されるようにしたいです。
ソート、検索によるフィルターなどは元の「Chuck Norris」で処理してほしいので表示のみを変えたい。
補足情報（FW/ツールのバージョンなど）
Vue.js CDNで2.5.16
回答1件
0
ベストアンサー
<td>の中の{{entry[key]}}</td> の表示を変えたいということであれば
method `entry[key]` を引数にして表示を変えるのではどうでしょうか？
js
1<td v-for="key in columns"> 2 <span v-if="key=='name'" v-html="linkEntry(entry[key])"></span> 3 <span v-else v-text="entry[key]"></span> 4</td>
【参考までに書いてみました】
https://jsfiddle.net/euledge/axvd7pLe/
投稿2018/05/18 08:45
総合スコア2404
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。