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

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 关于#stm32#的问题:第一张图是发送数据代码,第二第三张图是接收数据并进行DAC转换的函数,若用串口一接收数据并进行DAC转换,主函数代码该怎么写
  • ¥20 hc130怎么读写内部flash存储信息
  • ¥15 Axure rp9注册与登录交互
  • ¥15 我下载图形界面重启完就变成这样了,打字也打不了,动也动不了,该怎么解决(操作系统-centos)
  • ¥15 VBA中在窗体中遍历所有checkbox控件,提取出被选中的checkbox的caption值
  • ¥15 在Ubuntu上有什么命令,或者是系统文件能告诉我链接nvme ssd的pcie槽位是不是支持热插拔功能?
  • ¥15 ansys license许可证问题
  • ¥20 QQ号和密码都能正常登录微信 QQ号和密码登录微信显示密码错误
  • ¥15 单片机RTOS Kernel与应用分离开发,Kernel如何调起应用?
  • ¥15 快手小店商家版APP怎么第三方APP跳转到指定用户聊天界面