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日

悬赏问题

  • ¥30 Matlab打开默认名称带有/的光谱数据
  • ¥50 easyExcel模板 动态单元格合并列
  • ¥15 res.rows如何取值使用
  • ¥15 在odoo17开发环境中,怎么实现库存管理系统,或独立模块设计与AGV小车对接?开发方面应如何设计和开发?请详细解释MES或WMS在与AGV小车对接时需完成的设计和开发
  • ¥15 CSP算法实现EEG特征提取,哪一步错了?
  • ¥15 游戏盾如何溯源服务器真实ip?需要30个字。后面的字是凑数的
  • ¥15 vue3前端取消收藏的不会引用collectId
  • ¥15 delphi7 HMAC_SHA256方式加密
  • ¥15 关于#qt#的问题:我想实现qcustomplot完成坐标轴
  • ¥15 下列c语言代码为何输出了多余的空格