vue 相关属性简解+element简解
@keyup.enter.native="handleQuery" ：
实现键盘回车进行查询
ref="queryForm" 实现监听
:model="queryParams" ：实现同步
v-show="showSearch" 实现显示隐藏 显示
prop="driId" 实现 子组件获取父组件的信息 通过prop
clearable： 默认清空 input 或者select
filterable： 把input实现查询功能 实现下拉框带搜索功能
elementui的中的选择框的allow-create创建的新条目怎么让他存储到下拉框中数据库里
:style="{width: '88%'}" css样式中的动态绑定
v-for="(item, index) in projectNameOptions" :key="index" >
为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性。理想的 key 值是每项都有唯一 id。
:disabled="item.disabled":通过 disabled 属性指定是否禁用 input 组件
plain：朴素的; 清楚的; 明显的; 浅白的
:showSearch.sync="showSearch"的作用：
.sync的作用是：让子组件优雅的修改父组件的data
父组件传递一个布尔值show决定子组件弹窗的开关
<product-list @add='add' :show.sync='showModal' :checked='tableData2' />
showModal为父组件data，
由于vue不能在子组件直接修改props传过来的简单类型的值
经常用触发事件的方式修改父组件的值。
.sync让然这边变得简单
在子组件触发关闭的方法
this.$emit('update:show', false)
这里就可以修改父组件showModal的值为false
@selection-change：实现复选获取选中的数据中获取该数据集的ids
直接在表头上添加了一个选中就触发的方法；用来获取每选中的数据集对象；
获取选中的复选框集合代码写法：
this.checkIds.map(item=>{return item.id}).join(',')
<template slot-scope="scope">
<span>{{ parseTime(scope.row.registerDate, '{y}-{m}-{d}') }}</span>
</template>
slot: 解释 作为占位符的组件
:show-overflow-tooltip="true"：当内容过长的时候会悬浮展示
:visible.sync：本以为:visible.sync是elementui的写法，用来显示和隐藏一个弹框，但是看了以后，
才知道这个是vue的写法，:visible指的是属性绑定，表示弹框的显示隐藏，当:visible的值为ture的时候，弹框显示，
当为false的时候，弹框隐藏，后面的.sync是什么意思呢，指的就是同步动态双向的来表示visible的值，当我们关闭窗口的时候，
这个弹框隐藏了，visible的值发生了变化，但是关闭窗口这个动作，我们没法用确定的动作去判断这个值，所以用到了vue中的双向绑定的原则，
在vue中统一加上了.sync来表示同步的修改了visible的值。
append-to-body属性：
子组件被父组件覆盖的情况，这个时候在子组件的dialog上 就应该加上append-to-body属性
remote
:remote-method="remoteMethodId" 远程方法绑定
multiple 是否为单选
filterable 是否可搜索
remote 是否为远程搜索
clearable 是否可清空
reserve-keyword 多选且可搜索时是否在选中一个选项后保留当前的搜索关键词
remote-method 远程搜索方法触发事件
loading 是否正在从远程获取数据
this.$nextTick 作用是可以将回调延迟到下次DOM更新循环之后执行。
this.$nextTick 跟全局方法 vue.nextTick 一样，不同的是，回调的 this 自动绑定到调用它的实例上
this.projectImproveMatterList[i].splice(i,1,1,this.titleform) //删除并添加：
// index——必须。规定从何处添加/删除元素，表示下标。
// howmany——必须。规定删除多少元素，必须是数字，但可以是0；
// item1，…，itemX——可选。要添加到数组的新元素。
this.projectImproveMatterList.push(...tempList) // 把新增的一条数据push进要展示的Table文件家中 es6，扩展运算符
// 将一个数组转为用逗号分隔的参数序列
是label属性的值放在标签的哪个位置，top--放在标签上方，left--放在标签左边
:label-position="labelPosition"：
this.$nextTick(()=>{
this.$refs.ruleForm.resetFields()
})
this.$refs[‘form’].resetFields()这个做法其实是重置表单到初始值，不是清空表单，当表单第一次在页面中渲染时所用的数据就是初始数据，
如果修改对象的表单赋值没有放在nextTick中，
就会在表单渲染时就会将这个修改对象作为初始值，
所以出现无效了。使用nextTick保证表单在第一次渲染时是空值就可以了。
this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，
然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。
