我想在`手机账号`Radio选中的时候，`邮箱账号`Radio中的<IInput>不能使用怎么做呢？

Question

我有一个div，里面装了RadioGroup和Radio这些：

    <div class="account">
      <IRadioGroup v-model="vertical" vertical>
        <IRadio label="telephone">
          <IIcon type="ios-telephone"></IIcon>
          <span>手机账号</span>
          <IInput v-model="telephone" placeholder="请输入手机号码" clearable></IInput>
        </IRadio>

        <Radio class="email-radio" label="email">
          <Icon type="ios-email"></Icon>
          <span>邮箱账号</span>
          <IInput v-model="email" placeholder="请输入邮箱账号" clearable></IInput>
        </Radio>
      </IRadioGroup>
    </div>
    

我想在手机账号Radio选中的时候，邮箱账号Radio中的<IInput>不能使用，也就是加disabled属性。

请问这个怎么做到呢？如果不在data中添加参数就更加好。

Answer 1

给第一个IIcon绑定一个值，假设为rtelephone，为一个布尔值

<div class="account">
      <IRadioGroup v-model="vertical" vertical>
        <IRadio label="telephone">
          <IIcon type="ios-telephone" v-model="rtelephone"></IIcon>
          <span>手机账号</span>
          <IInput v-model="telephone" placeholder="请输入手机号码" clearable></IInput>
        </IRadio>

        <Radio class="email-radio" label="email">
          <Icon type="ios-email"></Icon>
          <span>邮箱账号</span>
          <IInput v-model="email" placeholder="请输入邮箱账号" clearable :disabled="rtelephone"></IInput>
        </Radio>
      </IRadioGroup>
    </div>