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
word文档中审阅修订显示功能如何关闭
- 4
word怎么取消退出修订模式
- 5
WORD文档如何查看所有的修订
- 6
如何使用Word审阅修订中的自动更正功能呢?
- 7
怎么限制用户在word中进行修订?
- 8
如何在CAD2018中输入特殊符号
- 9
Word2013修订模式怎么取消
- 10
word怎么取消修订模式
- 11
怎么将word修订模式恢复到显示正常
- 12
CAD平方/立方符号怎么打
- 13
Word2007怎么查看修订内容
- 14
CorelDraw中CorelKit绘图符号介绍
- 15
如何使用office的突出修订的功能
- 16
Word如何删除修订内容
- 17
word怎么取消退出修订模式
- 18
word2016怎样接受修订
- 19
怎么在CAD中输入特殊符号
- 20
word2016怎么添加修订批注
- 21
CAD怎么快速简单绘制粗糙度图形符号
- 22
Word修订标记怎么显示?