细思不懂?关于 Blade 模板中的变量是如何变为 JavaScript 变量的?

@if ($errors->has('email'))
                                <span class="help-block">
                                    <strong>{{ $errors->first('email') }}</strong>
                                </span>
 @endif

此处粗看略懂,细思极惑,自行未找出答案,请好心人指教
迷惑之处:blade模板是在服务器处理后发送给用户浏览的,应该是用户请求后$errors->first('email')的值是确定后返回给前端的。理解为$errors为服务器端变量,它是通过何种方式产生了一个前端页面变量,在浏览器未请求的情况下,与用户进行交互呢?
file
file
怀疑是通过bootstrap、vue前端产生了前端js变量,实现的动态交互效果。深挖不动,请指教?

not only a learner , but also a user .
ruodee
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
最佳答案

参考一下 <input ... required> ,有没有觉得出现的错误提示框和这个很像?提示如此详细的信息是因为 input 的类型为 email,这是 HTML5 的新特性。

5年前 评论
讨论数量: 5
你看我吊吗啊

不能直接写的话 试试@stack('scripts')

5年前 评论
jltxwesley

如果理解没错的话,你是指图片中 请在电子邮件地址中包括@...的错误信息?这个不是从服务器端来的错误,它是浏览器自带的表单验证,你在 form 里添加 <form novalidate>,它就不会显示了。

5年前 评论

输入框带感叹号的提示框是浏览器自带的,这是 H5 的特性,并不是 服务端变量

5年前 评论

参考一下 <input ... required> ,有没有觉得出现的错误提示框和这个很像?提示如此详细的信息是因为 input 的类型为 email,这是 HTML5 的新特性。

5年前 评论
ruodee

谢谢,明白了。

5年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!