First of all, the requirement is to display the input box behind the el-radio. When selecting the corresponding el-radio, you can enter content in the input box behind it, and the other input boxes are disabled. The effect is shown in the figure below
Implementation code:
<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>