表单控制属性 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
}
}
实现效果: