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