<div class="container" :class="{ qwerty: !open }" :class="lower? 'left' : 'right'">
嗨，為什么 vue 不允許我添加幾個帶有條件的類，例如示例。
它只允許添加一個。
如何實施？
uj5u.com熱心網友回復：
使用陣列語法。
:class="[lower ? 'left' : 'right', upper ? 'up' : 'down']"
uj5u.com熱心網友回復：
有多種方法可以做到這一點，但我認為對你來說，這樣做就足夠了：
:class="[{qwerty: !open}, lower ? 'left' : 'right']"
這是來自passing an array of classes和的混合passing objects
uj5u.com熱心網友回復：
如果您有多個條件太長，包括太多邏輯，請使用 computed
<div class="container" :class="getClass">
然后
computed: {
getClass() {
var className = 'container';
if(!this.open) className = className ' ' 'querty';
if(this.lower) className = className ' ' 'left';
else className = className ' ' 'right';
return className;
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/349219.html
標籤：javascript Vue.js