我的组件是这样的：
<template>
<span class="rating">
...
</span>
</template>
<script>
export default{
props: {
'star': null
},
created: function() {
if(this.star != null)
$(".rating").addClass('test');
}
}
</script>
当页面第一次重新加载时，我想检查道具星。如果道具星不等于空，则添加类测试
我尝试像上面的代码一样，但它不起作用
有没有人可以帮助我？
您不需要为此使用 jQuery。
<template>
<span :class='{"rating": star !== null}'>
...
</span>
</template>
<script>
export default{
props: {
'star': null
}
}
</script>
:class是属性绑定语法，您可以说它现在可以访问vue-component.
{'rating': star !== null}这个简单的布尔表达式将确保是否.rating必须添加。
您还可以执行以下操作：
:class='{"rating": !!star}'
如果表达式的计算结果为真，您将应用该类。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句