jeecg boot 菜单选项后打开新选项,选择后的子选项内容

文章讲述了在Vue表单中如何根据用户选择的特定属性(如专业特长)动态显示或隐藏子选项,例如当选择其他时,展示文本输入框。作者展示了如何使用v-if指令来控制这种逻辑。
摘要由CSDN通过智能技术生成

我们可能在使用表单过程中在确定一个属性后,需要打开对应的子选项

先给大家看一下例子

当我选择了其他后,显示出其他的input 菜单

下面直接贴代码

<a-col :span="16">
<a-form-item label="专业特长" v-bind="validateInfos.hobbiesAndTalents">
<j-dict-select-tag
v-model:value="formData.hobbiesAndTalents"
placeholder="请输入技术信息"
dictCode="zx04"
:disabled="isDisabledAuth('user:xzxxbj')" />
</a-form-item>
</a-col>
<a-col :span="16">
<a-form-item v-if="formData.hobbiesAndTalents === '其他'" label="其他专业特长" v-bind="validateInfos.otherMajor">
<a-textarea
v-model:value="formData.otherMajor"
:rows="4"
placeholder="其他专业特长"
:disabled="isDisabledAuth('user:xzxxbj')"
/>
</a-form-item>
</a-col>

a-col  是行标签   核心代码v-if="formData.hobbiesAndTalents === '其他'"  在from里面判断专业特长变量formData.hobbiesAndTalents  是否等于其他,我们也可以写别的,通过这个方法控制要不要填写子选项内容

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值