由于日常使用vue和react两种框架开发(看项目),容易混淆,于是记录一下:
vue:
<p v-bind:class="[message.length !==0 ? 'activeClass' : 'errorClass']">
{{tip}}
</p>
样式:
.activeClass {
color: blue;
}
.errorClass {
color: red;
}
图片:
<img
:src="length == 1 ? require('../../assets/icon001.png'):require('../../assets/icon01.png')"
class="i-img"
>