Le bouton radio elememtU contrôle le contenu de la zone de saisie à l'intérieur

Tout d'abord, l'exigence est d'afficher la zone de saisie derrière la radio el. Lors de la sélection de la radio el correspondante, vous pouvez saisir le contenu dans la zone de saisie suivante et les autres zones de saisie sont désactivées. L'effet est affiché dans le Figure ci-dessous

 Code d'implémentation :

<el-form ref="formList" :model="formList"  :rules="rules">
  <el-form-item label="产品价格" prop="price">
      <el-radio-group v-model="priceType">
        <el-radio label="1" >具体金额 </el-radio>
            <el-input 
               placeholder="如：99" 
               class="short" 
               v-model="specificPrice" 
               :disabled="priceType=='2'">
            </el-input>
            <el-radio label="2" class="marginLeft">区间金额</el-radio>
            <el-input 
               placeholder="如：99" 
               class="short" 
               v-model="areaPrice[0]" 
               :disabled="priceType=='1'">
            </el-input>
            <el-button type="text" style="color:black">~</el-button>
            <el-input 
               placeholder="如：99" 
               class="short" 
               v-model="areaPrice[1]" 
               :disabled="priceType=='1'">
            </el-input>
     </el-radio-group>
   </el-form-item>
</el-form>