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]
と値を受け取ることができた。