选择第一个radio,第一个select的disabled=true,第二个为false
选择第二个radio,第一个select的disabled=false,第二个为true
这个功能应该怎么实现,求解答,我不太明白这个
<a-form class="ant-advanced-search-form" layout="inline">
<a-radio-group id="dateTimeValue" v-model="dateTimeValue" @change="onChange">
<a-row :gutter="24" class="screenRow">
<a-col :span="1" style="padding-bottom: 8px;">
<a-radio :value="1" />
</a-col>
<a-col :span="23" style="padding-bottom: 8px;">
<a-form-item
label="时间区间选择">
<a-range-picker
id="setDate"
format="YYYY-MM-DD"
:placeholder="['开始日期', '结束日期']"
@change='setDate'
:allowClear='false'
/>
</a-form-item>
</a-col>
<a-col :span="1">
<a-radio :value="2" />
</a-col>
<a-col :span="13">
<dateSelect
id="pointDate"
ref="pointDate"
/>
</a-col>
<a-col :span="8" :style="{ textAlign: 'right' }">
<a-button type="primary" @click='timeGetList(1)'>
查询
</a-button>
</a-col>
</a-row>
</a-radio-group>
</a-form>
```
思路
1、将select 的第一个绑定disabled 在data 设置变量值 :disabled='isdisabled'
2、点击radio时候有 @change事件 动态的将isdisabled 值更改 this.isdisabled = !this.isdisabled
根据这个值dateTimeValue去判断
disabled这个是禁用
:disabled="dateTimeValue===1"
:disabled="dateTimeValue===2“
分别放到你要判断的select那里