首页 前端知识 vue-利用属性(v-if)控制表单(el-form-item)显示/隐藏

vue-利用属性(v-if)控制表单(el-form-item)显示/隐藏

2024-06-04 10:06:17 前端知识 前端哥 188 184 我要收藏

表单控制属性 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
		}
}

实现效果:
在这里插入图片描述
在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10710.html
标签
评论
发布的文章

js-jquery页面跳转集合

2024-06-08 22:06:13

echarts柱状图数据过多

2024-06-08 22:06:31

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!