vue v-bind:class中属性使用引号
来源:互联网 发布:中国荒漠化 知乎 编辑:程序博客网 时间:2024/06/01 10:39
官网案例:
<div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }"> </div>
key:css样式名称, value:控制该样式的vue实例属性
刚看了这个demo还以为class的key和value都需要为vue实例的属性, 如果直接写key需要加引号。 后来实验中发现不是这么会事!
查了些资料, 对于key使用引号的规则应该是这样子的:
当key中包含特殊字符如横线“-”(不是下划线), 空格等js不支持的变量时需要用引号。 因为vue会将"{}"中的内容应用到js中处理!
阅读全文
0 0
- vue v-bind:class中属性使用引号
- vue中使用v-bind:class的选项卡
- 使用v-bind时为什么有些属性要加引号
- Vue.js使用v-bind绑定class时的注意事项
- vue学习06--v-bind:class和v-bind:style
- vue.js 中v-bind指令的使用
- Vue.js学习笔记:v-bind属性绑定(class,src)
- Vue- 对象语法 v-bind:class与对象语法的使用(重要)
- Vue.js中v-bind v-model的使用和区别
- 对于vue中的v-bind:class 中的一点总结
- Vue实战--v-bind动态绑定Class和style
- Vue v-bind
- vue.js学习笔记之属性绑定 v-bind
- Vue.js学习笔记:属性绑定 v-bind
- Vue.js学习笔记:属性绑定 v-bind
- Vue用v-bind给标签属性赋值 src, href...
- Vue条件循环判断+计算属性+绑定样式v-bind
- Vue- 动态元素属性及v-bind和v-model的区别
- 常用学习资源的网址汇总
- JS闭包可被利用的常见场景
- uboot笔记:uboot命令分析+实现
- 编译NVCaffe0.16出错-不支持gcc4.8.3-已安装4.8.5
- 内容提供者(ContentProvider)和内容观察者(ContentObserver)的使用(以应用锁为例)
- vue v-bind:class中属性使用引号
- delphi实现全局快捷键的功能
- PDF Converter 注册码
- spring事务配置的方式
- ssh出错 sign_and_send_pubkey: signing failed: agent refused operation
- html页面的CSS、DIV命名规则
- oracle的to_date()与concat()函数使用实例
- small注意事项
- UVA 11988 Broken Keyboard (链表)