二十:新增员工:弹层采用.sync修饰符,手机号的表单校验用pattern来写的,子组件调用父组件的方法和数据this.$parent,部门和聘用形式的处理

132 阅读1分钟
  1. 弹层采用.sync修饰符弹出 image.png

  2. 手机号的表单校验:正则表达式是用pattern来写的

image.png

  1. 点击确定,这样调用父组件的方法this.$parent(用的比较少,跟采用ref调用子组件的方法和参数是差不多的感觉)

     this.$parent.getEmployeeList()
     this.$parent.showDialog = false
    

image.png

  1. 新增员工中:有两个参数值得记录 聘用形式 和 部门选择树的处理: 部门: image.png 4.1 采用之前的组织架构的获取部门的方法,将返回的数据转为树形结构,

image.png image.png

4.2 在element的树形结构有个node-click 节点被点击的回调函数,将点击的数据赋值到输入框中,并且表单校验为trigger: change 内容改变的时候做校验。

image.png

4.3 这个问题 是要绑定 :props="{label:'name'}" image.png

image.png 聘用形式:引入之前的一个枚举文件,然后将引入的名称写到data中,在使用的标签上for循环 image.png for 循环 image.png 枚举文件: image.png