Vue Js也有条件停用更新v模型

Question

我想在有条件地被禁用时更新下拉菜单的v模型。这意味着我只想在禁用选择框时将ir.IR_SectionId重置为0。

  <select v-model="ir.IR_SectionId" v-default-value:ir.IR_SectionId="0" 
  :disabled="ir.IR_SecurityTypeId <= 0">
  <option v-for="s in irSectionList" v-bind:value="s.Id">{{s.Name}}</option>
   </select>

Answer 1

让我们更改：disable 表达式

<select v-model="ir.IR_SectionId" v-default-value:ir.IR_SectionId="0" 
  :disabled="isDisabled">
  <option v-for="s in irSectionList" v-bind:value="s.Id">{{s.Name}}</option>
</select>

  

您可以创建一个将其组件更新为禁用的吸气剂，然后   在这种情况下，它将IR_SectionId的值更改为0

getters: {
    isDisabled: () => {
      let disabled = this.ir.IR_SecurityTypeId <= 0
      if(disabled) this.ir.IR_SectionId = 0
      return disabled
    }
}