CATEGORY

Vue.js

  • 2021年10月7日
  • 2021年10月16日

【Vue.js】$emitでObjectの一部だけ変更して更新する

ここのid=1のtitleだけ変えたい。 $emitで更新する場合、 となる為、オブジェクトを更新して親コンポーネントに渡すには一工夫が必要。 やり方 ①$emitイベントの第2引数でスプレッド構文を使い、要素を書き換える $emitの第2引数をスプ […]

  • 2021年8月26日
  • 2021年8月26日

VeeValidateでカスタムバリデーションを実装する

Veevalidateに備わっているバリデーション以外のバリデーションを実装する場合はカスタムルールを自作する必要があります。 VeeValidateを知らない方はこちらを参考にして下さい。 そもそも備わっているバリデーションは何があるの? ここに利 […]

  • 2021年7月7日
  • 2021年7月7日

v-selectでオブジェクトを取得する

vuetify2でよく使うv-selectタグ。先日、これで要素を選択した時に$emitで親にオブジェクで値を渡したいと思う事がありました。(nameとIdの両方を送りたい!とかそんな感じです。) 「そんなの簡単じゃん!」と思うかもしれませんが、意外 […]

  • 2020年4月24日
  • 2021年7月5日

vue.jsで開閉式のメニューを作る

はじめに 久々のVue.jsですが、今回は開閉式のメニューをコンポーネントで作っていきたいと思います。下記の感じのクリックすると開いたり、閉じたりする感じのコンポーネントですね。 アコーディオンって呼ばれ方をする場合もあります。 実装パート HTML […]

  • 2020年3月29日
  • 2021年7月5日

Vue.jsのフィルターでデータを加工する

はじめに こんにちは、てりー(@teriteriteriri) Vue .jsでプログラムを書いていくと、「小文字は全て大文字に変換したい!!」や「金額を税込み表示にしたい!」などの様にテキスト系の変換処理を一律で行いたい場面に遭遇すると思います。 […]

  • 2020年3月9日
  • 2021年7月5日

v-modelで様々な入力フォームを作る

はじめに 前回はv-modelの修飾子を見ていきました。今回は複数行やチェックボックス、ラジオボタンなどのパターンを見ていきます。 複数行の入力フォーム inputでは実現できなかった複数行のフォームはtextareaを使う事で実現可能です。 また、 […]

  • 2020年3月8日
  • 2021年7月5日

v-modelの修飾子を使って実践的なフォームを作る

はじめに 以前の記事でv-modelの基本的な使い方を解説していきました。 v-modelは双方向のデータバインディングであり、前回の記事内でinputタグでよく使われると話しましたが、そのほかにも様々なパターンが用意されています。 今回は入力フォー […]

Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
  • Attributes
  • Custom attributes
  • Custom fields
Compare
Wishlist 0
Open wishlist page Continue shopping