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

时间:2017-09-05 05:24:33

标签: javascript vue.js vuejs2

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/

1 个答案:

答案 0 :(得分:0)

可能你的意图是

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

请参阅here