当前位置: 代码迷 >> JavaScript >> Vue.js和Laravel类型转换
  详细解决方案

Vue.js和Laravel类型转换

热度:6   发布时间:2023-06-12 13:56:42.0

我在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试图绑定数字而不是将其视为字符串?

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

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

谢谢@Riddhi!