【Laravel/Vue】 v-bindで連想配列を渡す

えびさん

Vueコンポーネントに配列をそのまま渡すと
htmlspecialchars() expects parameter 1 to be string, array given
というエラーが出るのでそれの対処法

json_encodeしてから渡してあげる

<componentName :dataList="'{{ json_encode($dataList) }}'"></componentName>

VueコンポーネントではJson.parseで配列に戻せる

const dataListArray = JSON.parse(this.dataList);