在 Laravel Spark 的模板文件中,你偶尔会看到类似这样的内容
<span class="help-block" v-show="form.errors.has('name')">
@{{ form.errors.get('name') }}
</span>
也就是说,根据表单的当前错误有条件地切换可见/不可见的范围。
我理解这部分
{{ form.errors.get('name') }}
这是一个 Vue.js 模板,将显示 form.errors.get('name')
返回的字符串。但是,模板前面的 @
符号有什么用呢?我知道,作为一个属性,@ is a shorthand for v-on
。然而,
v-on{{ form.errors.get('name') }}
对我来说更没有意义,所以我猜测 @
符号在这里还有其他作用。这是 Vue.js 的东西吗? Laravel Spark 的东西?还有别的吗?
最佳答案
这是因为 Vue 和 Laravel Blade 使用相同的语法来绑定(bind)动态值和表达式。
@
进入 Mustaches 表达式(在 Blade 文件中)意味着 Laravel 应该忽略它,这样 Vue 就会处理它。
注意:如果您想为 Vue 使用其他模板表达式,请检查文档中的分隔符部分 - https://v2.vuejs.org/v2/api/#delimiters
关于javascript - Laravel Spark Vue.js 模板中的 @ 符号是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44750419/