在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/