Vue.js和Laravel类型转换

Question

我在laravel 5.7应用程序中为数据库记录使用DB2样式的ID-例如201402241121000000000000 。 在我的Vue组件中，我这样称呼它：

<mycomponent v-bind:listing-key="{{ $listing->listing_key }}"></mycomponent>

在组件js中，道具显示为

export default {
    props: {
        'listingKey': String,
    },

但是，这会引发错误

[Vue warn]: Invalid prop: type check failed for prop "listingKey". Expected String with value "2.01402241121e+23", got Number with value 2.01402241121e+23.

v-bind试图绑定数字而不是将其视为字符串？

Answer 1

@Riddhi提出了很多答案。 解决方案是这样做：

< mycomponent v-bind:listing-key="'{{ $listing->listing_key }}'"></mycomponent >

谢谢@Riddhi！