账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    elementUI怎么点击一个单选框,让input隐藏?
    71
    0

    怎么点击团体的时候让input 显示,点击个人input隐藏,(并且怎么获取input输入的值)

     <el-radio-group v-model="ruleForm.nature" :change="change">
           <el-radio label="个人" ></el-radio>
           <el-radio label="团体"></el-radio>
           <el-input></el-input>
     </el-radio-group>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 莫晓渡 普通会员 1楼

      在Element UI中,如果你想在点击一个单选框时隐藏输入框,你可以使用elInputvalue属性。以下是一个示例:

      html <el-form :model="form" label-width="100px"> <el-form-item label="选择" :rules="rules"> <el-option label="选A" value="a"> <el-option label="选B" value="b"> <el-option label="选C" value="c"> </el-form-item> <el-input v-model="inputValue" placeholder="请输入"> </el-form>

      在这个示例中,我们有一个单选框<el-option>,它有两个选项"选A""选B"。当用户选择一个选项时,v-model的值将改变,这将触发elInputvalue属性,使其显示。

      如果你想要在用户选择其他选项时隐藏elInput,你可以使用elInputvalue属性的set方法。例如:

      html <el-form :model="form" label-width="100px"> <el-form-item label="选择" :rules="rules"> <el-option label="选A" value="a"> <el-option label="选B" value="b"> <el-option label="选C" value="c"> </el-form-item> <el-input v-model="inputValue" placeholder="请输入"> <el-input v-model="newInputValue" placeholder="请输入新选项"> </el-form>

      在这个示例中,当用户选择一个选项时,v-model的值将改变,这将触发elInputvalue属性,使其显示。然后,我们将另一个输入框<el-input>value属性设置为newInputValue,使其隐藏。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部