vue中class的computed绑定


我们知道class可以使用data中的数据作为class对象或数组绑定的布尔值或类名,其实data/computed/methods中都可以;

<script>
var app =new Vue({ 
el: '#app',

data: {
size : 'arge ',
disabled : true
},
computed : {
classes: function () {
return [
'btn',
['btn-' + this.size]: this.size !== '',
['btn-disabled']: this .disabled
]
}
}
)}
</script>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM