Question

我想问一下您如何解决这个问题

:birthdate="{{ $user->profile->birthdate->format('m-d-Y') }}"

在我的模型中，我有这个

/**
    * The attributes that should be cast to native types.
    *
    * @var array
    *//**
    */
    protected $dates = [
        'birthdate',
    ];

我想将其作为道具传递给我的vue模板

props : { 
        birthdate : {   
            type : String, 
            required : true ,
            default : null
        }
    }

但是我得到的计算依赖于道具。.看看我告诉你的：birthdate道具，如果我把它像m / d / Y这样放置，它将把整个东西分开，所以就像{{1} }它将对其进行划分，如果类似于12/21/2019，则它将在通过vue模板传递时减去整个内容

Answer 1

尝试删除vue绑定:并将其用作：

birthdate="{{ $user->profile->birthdate->format('m-d-Y') }}"

或保留:，但将字符串用单引号引起来。

:birthdate="'{{ $user->profile->birthdate->format('m-d-Y') }}'"

或分配给变量

:birthdate="myVar"

data(){
return{ myVar: "{{ $user->profile->birthdate->format('m-d-Y') }}"};
}

因为:或v-bind期望表达式/变量，所以当您从PHP {{ $user->profile->birthdate->format('m-d-Y') }}回显为12-21-2019时，vue会将其视为整数，而不会将其视为字符串。

将碳日期传递为道具将在vue模板中返回计算

1 个答案: