Vueフレームワークにおけるclass属性
class属性の操作は、
ディレクティブv-bindまたは
その省略形を通じて行われます。
実際に見てみましょう。
プロパティstrに、
スペースで区切られたタグのCSSクラスが
格納されているとします:
data() {
return {
str: 'active valid',
}
}
これらのCSSクラスを あるタグに追加しましょう:
<template>
<p :class="str">text</p>
</template>
段落が与えられています。プロパティcssClassesが与えられており、
そこにはいくつかのCSSクラスが記述されています。
これらのクラスを私たちの段落に追加してください。