无法将 bcrypted 值传递给 laravel blade vue

Question

我正在尝试将 bcrypt 值从我的控制器传递到我的模型，然后传递到我的视图，bcrypt 是：y$jTlSwN9nLTGSoaljl2ZIJu8wsbY2StYUJGjWz.7LUx6K20ATLj/m2,

当我将它作为道具传递到我的 laravel blade 的 vue 内联模板时，它给我错误提示：

[Vue 警告]：错误编译模板：无效表达式：$2y$10$jTlSwN9nLTGSoaljl2ZIJu8wsbY2StYUJGjWz.7LUx6K20ATLj/m2 原始表达式中的无效或意外令牌：：access_code="$2y$10 $jTlSwN9nLTGSoaljl2ZIJu8wsbY2StYUJGjWz.7LUx6K20ATLj/m2".

我的控制器：

$user = Socialite::driver('google')->user();

$encrypted_access_code = bcrypt($user->id . ' ' . uniqid() . ' ' . now());

return CallbackRedirects::callbackredirects($encrypted_access_code);

我的模型

public static function callbackredirects($access_code) {
    return view('callback.callback-redirect')->with('access_code', $access_code);
}

我的观点

@extends('layout.layout-main')
@section('content')
<callbackredirect inline-template :access_code="{{ $access_code }}">
<div>
    {{ $access_code }}
</div>
</callbackredirect>
@endsection

但是当我传递任何字符串时，它都有效。

Answer 1

access_code 之前不需要冒号 :，因为您传递的不是 JavaScript 代码。使用：access_code="{{ $access_code }}".

最好使用 access-code="{{ $access_code }}"，它符合 html 属性，在 vue 中可作为 accessCode 访问。

无法将 bcrypted 值传递给 laravel blade vue

Can't pass bcrypted value to a laravel blade vue

laravel

laravel-vue