vue提供了一个动态添加class的v-bind:class(:class) 对象,可以使用:class进行clas动态的切换。案例中将通过使用:class设置 字体为红色。
方法/步骤
2
在html代码页面创建一个
同时添加id为app,并添加一段文本
3
引入vue.js文件。使用
4
创建vue实例。新建一个
5标签后面创建一个
创建设置字体为红色的red样式。在
6
使用:class添加red类样式。在
标签里面添加 :class='{red:true}'。
7
保存html代码后使用浏览器打开,即可看到字体已经变为了红色
下一篇:如何使用css类class选择符
推荐信息
- 1
vue怎么实现切换class类
- 2
vue添加class样式。
- 3
CSS3 在线生成工具:[1]生成兼容性Border
- 4
Servlet3.0新特性注解(annotation)登陆示例
- 5
CSS3.0中3D空间preserve-3d怎么用?
- 6
如何验证CSS3新增属性flex-order并控制元素展示
- 7
好程序员web前端分享CSS3文本属性
- 8
Serlvet3.0新特性注解@WebServlet
- 9
html5新特性data_*自定义属性使用
- 10
HTML Imports新特性的使用demo
- 11
如何使用CSS3对display新加的属性inline-box
- 12
如何使用CSS3新增属性overflow-wrap控制字换行
- 13
怎么使用CSS3创建动态菜单
- 14
CSS教程 position的CSS3新增属性
- 15
谈谈Html5的新特性
- 16
CSS常用的新特性有哪些?
- 17
xinno染发剂使用说明
- 18
染发后如何保持持久亮丽
- 19
染发为什么褪色
- 20
如何区分植物染发剂与化学染发剂
- 21
染发后不好看怎么处理
- 22
衣服上的染发剂怎么去除小窍门
