细思不懂?关于 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
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
最佳答案

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

5年前 评论
讨论数量: 5
jltxwesley

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

5年前 评论
你看我吊吗啊

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

5年前 评论

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

5年前 评论

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

5年前 评论
ruodee

谢谢,明白了。

5年前 评论

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