Vue.jsで filterBy フィルタの結果の件数を取得したくなったら - kitak blog
filterBy フィルタで絞り込んだ結果の件数を表示したり、0件の時にメッセージを表示したいということはままある。が、以下のように普通にfilterBy フィルタを使っても、絞りこまれた結果の件数は取得できない。 <div v-for="item in items | filterBy 'hello'"> 似たようなことを考える人はいるもので、issueがあった。 github.com 作者いわく、 If you need to access the filtered result, you have to either use a custom filter or a computed property Array. ということ。自分でフィルタを定義するか、絞りこまれた結果を返すcomputed propertyを定義せよ、とのこと。 computed: { filteredItems
体で覚えるVue.js - ディレクティブ編 〜 JSおくのほそ道 #023 - Qiita
こんにちは、ほそ道です。 今回も引き続きVue.jsのディレクティブを体で覚えます。 前回のビューモデル生成編同様、シンプルなサンプルに沢山触れる事でどんな道具があるのかをバンバン体験していくスタイルでやってまいります。 ViewModel生成編 ディレクティブ編 インスタンスメンバ編 グローバルメソッド編 フィルター編 v-repeatネスト編 全体の目次はこちら ビューに記述するアレですね。 デザイナーさんは最低限ディレクティブさえ覚えておけば困る事はないはずです。 Vue.jsのディレクティブはデフォルトで「v-」という接頭辞がつきます。 それでは今回は気合いをいれて全部のディレクティブについてサンプルを作ってみたいと思いますので順繰りに見ていきましょう。 v-text DOM要素の内側をテキストノードとしてすべて書き換える {{property}}の形式もテキストノードとして変換さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
