表单控制属性 v-if
示例:
通过switch组件作为开关,控制表单的显示与隐藏
<el-form-item label="创建数据集"><el-switch v-model="selectFormVisible"></el-switch></el-form-item><el-form-item label="新数据集名称" v-if="selectFormVisible==true"><el-input v-model="form.new_name" placeholder="default_name" :visible.sync="selectFormVisible"></el-input></el-form-item>
绑定显隐性变量
export default {name: "Class",data () {return {selectFormVisible : false}
}
实现效果: