# 隐藏控制/隐藏值/临时值

字段(见行高亮):


 
 
 



 
 
 








propName: {
  hidden: false,  // 是否隐藏此项; 支持动态解析;在根节点(最外级)中无效
  hdValue: undefined, // 当hidden为true时,根据此设置取出隐藏时的值
  isTmp: false,   // 临时值; 在根节点(最外级)中无效
  label: "label值", 
  properties: {
    name: {
      hidden: false,   // 是否隐藏此项; 在根节点(最外级)中无效
      hdValue: undefined, // 当hidden为true时,根据此设置取出隐藏时的值
      isTmp: false,   // 临时值; 在根节点(最外级)中无效
      label: "名称",
      component: "el-input",
      value: "天天"
    }
    // ... 其它项
  }
}

# 实例

# 临时值

临时值是指此项在页面中是存在的,但表单值并不会输出。
应用场景:当编辑用户信息,界面显示从后台接口取出姓名、性别、生日等信息,但姓名、性别不能提交到后端修改,此时就可以把姓名、性别设置为临时值,表单并不会取出此两项值

# 隐藏值

隐藏值只有当当前的hidden为true时有效;当hidden为true时,hdValue的设置对此项值的影响:

  • 不设置/undefined: 不取出此项的值;
  • null: 此项的值是什么照样取出;若是properties,则其子节点也要设置为null;
  • 其它值: 取出此值,如值为hdValue为5,则取出为5

注意

  1. 隐藏包括本节点的hidden为true或祖先节点存在hidden为true;
  2. 临时值的优先级比hdValue大,当同时符合条件时(为临时值、hidden为true且hdValue非undefined),也不会取出此项值。
  3. 临时值只是值不输出而已,它和hdValue一样,并不影响根值的动态解析。