LoginSignup
0

More than 5 years have passed since last update.

railsからvueに配列を渡すと文字列になって困った時の解決方法

Posted at

railsからvueに配列を渡したい。

request-form ids=@array_instance

この ids をvue側で値確認するとこうなる

"[12, 13, 14]"

ちゃんと受け取り側でArrayと指定しているのに文字列で受け取る、非常に辛い。

export default {
  props: {
    ids: {
      type: Array,
      required: true
    }
  }
}

問題の原因は v-bind を利用していないから

rails側からvueに値を渡す時には v-bind を使おう

公式解説記事

文字列だけではなく、式はオブジェクトまたは配列を返すことができます。
https://jp.vuejs.org/v2/guide/class-and-style.html

解決コード

渡したい値のキー名の直前に v-bind: を入れる。
シンプル。

request-form v-bind:ids=@array_instance

これでめでたく

[12, 13, 14]

と値を受け取ることができた。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0