ngsl8755 2022-01-18 15:11 采纳率: 70%
浏览 185
已结题

vue选中哪个radio,哪个radio跟的select的disabled为true

同一个筛选里有2种时间筛选的方式,使用redio控制启用

选择第一个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>


```

  • 写回答

2条回答 默认 最新

  • 前端互助会 2022-01-18 15:28
    关注

    思路
    1、将select 的第一个绑定disabled 在data 设置变量值 :disabled='isdisabled'
    2、点击radio时候有 @change事件 动态的将isdisabled 值更改 this.isdisabled = !this.isdisabled

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 1月28日
  • 已采纳回答 1月20日
  • 修改了问题 1月18日
  • 创建了问题 1月18日

悬赏问题

  • ¥15 Acrn IVSHMEM doorbell问题
  • ¥15 yolov5中的val测试集训练时数量变小问题
  • ¥15 MPLS/VPN实验中MPLS的配置问题
  • ¥15 materialstudio氢键计算问题
  • ¥15 echarts图表制作
  • ¥15 halcon根据玻璃面板纹路取区域
  • ¥15 HFSS设计小型化180度耦合器
  • ¥15 使用CInternetSession,CHttpFile读取网页文件时有些电脑上会卡住怎么办?
  • ¥15 水下机器人的半物理仿真研究
  • ¥15 微服务假死,一段时间后自动恢复,如何排查处理