Javascript Vue js全局验证检查
我的主刀片里有这个Javascript Vue js全局验证检查,javascript,php,laravel,vue.js,Javascript,Php,Laravel,Vue.js,我的主刀片里有这个 <script> window.App = {!! json_encode([ 'csrfToken' => csrf_token(), 'user' => Auth::user(), 'signedIn' => Auth::check() ]) !!}; </script> window.App={!!json\u encode([ 'csrfToken'=>csr
<script>
window.App = {!! json_encode([
'csrfToken' => csrf_token(),
'user' => Auth::user(),
'signedIn' => Auth::check()
]) !!};
</script>
window.App={!!json\u encode([
'csrfToken'=>csrf_token(),
'user'=>Auth::user(),
'signedIn'=>Auth::check()
]) !!};
但是,当我在vue文件中使用
window.App.signedIn
时,它会提供未定义的输出请确保应用程序设置对象显示在脚本之前。否则,您需要包装依赖于window.App在页面加载后运行的代码
备选案文1:
<script>window.App = @json([...])</script>
...
<script>/* The code relying on window.App */</script>
window.App=@json([…])
...
/*依赖window.App的代码*/
备选案文2:
<script>
window.addEventListener('load', function () {
/* The code relying on window.App */
})
</script>
...
<script>window.App = @json([...])</script>
window.addEventListener('load',函数(){
/*依赖window.App的代码*/
})
...
window.App=@json([…])
确保应用程序安装对象显示在脚本之前。否则,您需要包装依赖于window.App在页面加载后运行的代码
备选案文1:
<script>window.App = @json([...])</script>
...
<script>/* The code relying on window.App */</script>
window.App=@json([…])
...
/*依赖window.App的代码*/
备选案文2:
<script>
window.addEventListener('load', function () {
/* The code relying on window.App */
})
</script>
...
<script>window.App = @json([...])</script>
window.addEventListener('load',函数(){
/*依赖window.App的代码*/
})
...
window.App=@json([…])
是否需要在客户端解析json?我认为您正在尝试从字符串中获取signedIn属性。您可能需要在客户端解析json吗?我认为您正在尝试从字符串中获取属性签名。