Vue JS v-attr =「expression1 && exp2 && exp3」不起作用

Vue JS v-attr=「expression1 && exp2 && exp3」不起作用。我也試過${&}${&}和像#{&}#{&}和&&也像#{&}#{&}Vue JS v-attr =「expression1 && exp2 && exp3」不起作用

代碼可在的jsfiddle

<div id="demo"> 
<button v-for="item in itemlist" :disabled="item.qty < 1 && item.qty < 9">Click</button> 
</div>  


var demo = new Vue({ 
    el: '#demo', 
    data: { 
    title: 'itemlist', 
    itemlist: [ 
     { 
      qty: 0 
     }, 
     { 
      qty: 10 
     }, 
     { 
      qty: 6 
     } 
    ] 
    } 
})

http://jsfiddle.net/yMv7y/3330/

來源

2017-09-05 Hemakumar

是什麼問題？你的支票只是假的。檢查對象是<1還是<9？你可能想檢查它是否大於1？ http://jsfiddle.net/yMv7y/3331/ –

第一項小於1且小於9 => disabled = true;其他評估爲false 10 <1 = false，10 <9 = false=> false && false == false，6 <1 = false，6 <9 = true ==> false && true = false – CodeHacker

謝謝@CodeHacker我的表達是錯誤的。 – Hemakumar

可能是你的意圖是

<div id="demo"> 
    <button v-for="item in itemlist" :disabled="item.qty >= 1 && item.qty <= 9">Click</button> 
</div>

見fiddle

來源

2017-09-05 05:50:56 CodeHacker

Vue JS v-attr =「expression1 && exp2 && exp3」不起作用

回答

相關問題