Laravel2022.05.28

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

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

json_encodeしてから渡してあげる

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

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