介绍 & lt; template>
& lt;才能div>
,,,& lt; h3>动态添加类名& lt;/h3>
,,,& lt; !——,第一种方式:对象的形式,——比;
,,,& lt; !——,第一个参数,类名,,第二个参数:布尔值,——比;
,,,& lt; !——,对象的形式:,用花括号包裹起来,类名用引号,,,在
,,,& lt; !——,优点:,以对象的形式可以写多个,用逗号分开,——比;
,,,& lt; p :类=皗& # 39;p1 # 39;,,,真}“祝辞对象的形式(文字的颜色)& lt;/p>
,,,& lt; p :类=皗& # 39;p1 # 39;,,,假的,,& # 39;p # 39;:,真正}“祝辞对象的形式(文字的颜色)& lt;/p>
,,,& lt; !——,第二种方式:三元表达式,注意点:放在数组中,类名要用引号——比;
,,,& lt; p :类=癧,1 & lt;, 2, ?, & # 39; p1 # 39;,:, & # 39; p # 39;,)“,在三元表示式(文字的颜色)& lt;/p>
,,,& lt; !——,第三种方式:,数组的形式,——比;
,,,& lt; p :类=癧isTrue, isFalse]“在数组的形式(文字的颜色)& lt;/p>
,,,& lt; !——,数组中用对象,——比;
,,,& lt; p :类=癧{& # 39;p1 # 39;:,假},,isFalse]“在数组中使用对象(文字的颜色)& lt;/p>
,& lt; !——补充:,类中还可以传方法,在方法中返回类名——比;
,& lt; p :类=皊etClass"在通过方法设置类类名& lt;/p>
& lt;才能/div>
& lt;/template> & lt; script>
export 才能;default {
,,,data (), {
,,,,,return {
,,,,,,,isTrue:, & # 39; p1 # 39;
,,,,,,,isFalse:, & # 39; p # 39;
,,,,,};
,,,},
,方法:{
,setclass (), {
,,,return & # 39; p1 # 39;;
,,}
,}
,,}
& lt;/script> & lt; style scoped>
.p1 {才能
,,,颜色:,红色;
,,,字体大小:,30 px;
,,}
.p {才能
,,,颜色:蓝色
,,}
& lt;/style> vue是什么
这篇文章将为大家详细讲解有关怎么在vue中动态添加类的类名,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
<强> vue动态添加类的类名
vue是一套用于构建用户界面的渐进式JavaScript框架,vue与其它大型框架的区别是,使用vue可以自底向上逐层应用,其核心库只关注视图层,方便与第三方库和项目整合,且使用vue可以采用单文件组件和vue生态系统支持的库开发复杂的单页应用。
关于怎么在vue中动态添加类的类名就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
