vue表单属性（比较零碎）

keepRuning9

已于 2023-02-17 18:24:52 修改

阅读量410

点赞数

分类专栏： vue 文章标签： vue.js 1024程序员节

于 2022-10-24 13:37:53 首次发布

本文链接：https://blog.csdn.net/weixin_58414196/article/details/127490897

版权

* sortable="" 排序

* type="index" 序号

* 操作 fixed="right"

* resetFields() 移除校验规则

* this.$emit('update:showDialog',false )

* update:props名称。可以在父组件直接用sync修饰符处理

* 文件移除 on-remove=“handleRemove”

* handleRemove(file,fileList){

file//要删除的文件

fileList删除后的文件

}

* 插槽两种用法

<template slot-scope="{row}"></template>

<template v-slot="{row}"></template>

*时间选择器 <el-date-picker type="datetime" value-format="yyyy-MM-dd HH:mm:ss"/> 可以选择具体几点的时间 value-format 时间内容格式化

* $nextTick 在上一次数据更新之后，页面渲染之后执行

* <el-upload list-type="picture-card"></el-upload>

list-type控制组件的样式

弹层组件

子组件

<template>
  <el-dialog :visible="showDialog" title="新增员工" @close="btnCancel">
    <el-form
      ref="addEmployee"
      label-width="120px"
      :model="formData"
      :rules="rules"
    >
      <el-form-item label="姓名" prop="username">
        <el-input
          style="width: 50%"
          placeholder="请输入姓名"
          v-model="formData.username"
        ></el-input>
      </el-form-item>
      <el-form-item label="手机" prop="mobile">
        <el-input
          style="width: 50%"
          placeholder="请输入手机号"
          v-model="formData.mobile"
        ></el-input>
      </el-form-item>
      <el-form-item label="入职时间" prop="timeOfEntry">
        <el-date-picker
          style="width: 50%"
          placeholder="请选择入职时间"
          v-model="formData.timeOfEntry"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="聘用形式" prop="formOfEmployment">
        <el-select
          style="width: 50%"
          placeholder="请选择聘用形式"
          v-model="formData.formOfEmployment"
        >