在Laravel Spark中,包含呈现的表单元素的<div/>可能看起来像这样

<div class="form-group" :class="{'has-error': form.errors.has('name')}">

</div>


即-具有:class属性。这是什么?我得到了意图/行为-如果form.errors.hash('name')调用返回true(在封闭组件上将form设置为SparkForm),则div将具有has-error类。但是,什么使:class起作用?我的第一个假设是这是Vue.js的东西,但是如果我读the Vue docs on class and style bindings,它(看起来像吗?)Vue.js需要一个名为v-bind:class的属性。

<div class="form-group" v-bind:class="{'has-error': form.errors.has('name')}">

</div>


那么,什么使:class起作用?这是Vue.js提供的捷径吗? (如果是这样,它是否记录在某处?)。

这是否是获得专利的Laravel语法糖,可以使编写模板的冗长程度有所降低?如果是这样,在哪里实现?

是第三件事吗?

最佳答案

那么什么使:class工作呢?这是Vue.js提供的捷径吗? (如果
  因此,该文件是否记录在某处?)。


是的,这是Vuejs的简写

文件:https://vuejs.org/v2/guide/syntax.html#Shorthands


  v-前缀用作识别特定于Vue的视觉提示
  模板中的属性。当您使用Vue.js时,这很有用
  将动态行为应用于某些现有标记,但可以感觉到
  一些常用指令的详细信息。同时,
  当您构建一个
  Vue.js管理每个模板的SPA。因此,Vue.js提供了
  两个最常用指令v-的特殊速记
  和v-bind


两者之间没有区别

:class="{'has-error': form.errors.has('name')}




v-bind:class="{'has-error': form.errors.has('name')}

关于php - Laravel Spark/Vue.js中的:class属性是什么,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44749282/

10-12 04:21
查看更多