给每项表单项添加一个自己的id名，并用v-model绑定相对应的数据，利用v-if根据上一个表单项的数据值来进行显示或隐藏
<!-- 类别展示隐藏 --> <el-form-item id="classShowOrHide" v-model="showClass" v-if="showClass==true" label="类别类型" prop="classType"> <el-select v-model="form.classType" clearable style="width:380px" placeholder="请选择"> <el-option v-for="dict in classList" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" ></el-option> </el-select> </el-form-item>定义是否展示表单的变量；根据v-model绑定是否展示隐藏
export default { name: "Class", components: { }, data() { return { // 类别是否展示 showClass: true, } }, methods: { //显示类别 openClass() { //是否展示班次类型；开班展示，结束隐藏 this.showClass = true; } }
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |