表單控制屬性 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}
}
實現效果: