Vue.js и Laravel типа литья

Question

Я использую идентификаторы в стиле DB2 для своих записей в базе данных в моем приложении laravel 5.7 - например, 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

@ Риддхи очень много предложил.Решение было сделать это:

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

Спасибо @Riddhi!