Javascript 如何使用vuejs根据数据禁用复选框

Javascript 如何使用vuejs根据数据禁用复选框,javascript,vue.js,Javascript,Vue.js,如果API数据中的状态为NOK,我需要禁用复选框。我在下面给出了api数据。我正在使用VUEJS 序列号 极ID 全选 {{pole.pole}} {{pole.address} //api数据 [ { "pole":"BNG-JAY-137-003", "address":"Jayanagar 4th Block Banglore", "status

如果API数据中的状态为
NOK
,我需要禁用复选框。我在下面给出了api数据。我正在使用VUEJS

序列号 极ID 全选 {{pole.pole}} {{pole.address} //api数据

            [
              {
                 "pole":"BNG-JAY-137-003",
               "address":"Jayanagar 4th Block Banglore",
               "status":"NOK"
                },
                {
                     "pole":"BNG-JAY-137-004",
               "address":"Jayanagar 5th Block Banglore",
               "status":"NOK"
                },
                {
                     "pole":"BNG-JAY-137-005",
               "address":"Jayanagar 6th Block Banglore",
               "status":"OK"
                }
            ]

您可以将属性
disabled
与API状态绑定

<input type="checkbox" :disabled="pole.status == 'NOK'" :value="pole.status == 'NOK' ? false : pole.pole" v-model="selected_data[pole.pole]">


但当我选中全部时,它会选中全部复选框(即使禁用也选中),我认为这是因为您的
:值存在。如果存在值,将选中该复选框。您希望得到的是:如果status='NOK',则禁用复选框并保持不选中状态,对吗?我想我犯了一个错误,请用上面的答案重试:)//sbro不工作…请检查一次