关于vue2自己得到的陈果（不懂的知识点）

ref引用相关的知识点：

ref='ruleRef'

this.$refs.ruleRef.resetFields()               只针对表单的重置

this,$refs.ruleRef.validate(valid => {       这里 validate 是进行一次检验，参数是一个回调函数 ，valid是一个布尔值，表示表单的检验是否通过

　　if( !valid ) return　　　　　　　　　 ！valid  是指为 假 时直接返回

})

 

关于调用接口：

如果文档中有   请求参数  ，那在 .post( 'path' , 这里写请求体)

 

分页 pagination：

 

 

 

// 注册一个全局的时间过滤器

Vue.filter('dateFormat',function(originVal){

const dt = new Date(originVal)

const y = dt.getFullYear()

const m = (dt.getMonth() + 1 + '').padStart(2,'0')

const d = (dt.getDate() + '').padStart(2,'0')

const hh = (dt.getHours() + '').padStart(2,'0')

const mm = (dt.getMinutes() + '').padStart(2,'0')

const ss = (dt.getSeconds() + '').padStart(2,'0')

return `${y}-${m}-${d} ${hh}:${mm}:${ss}`

})

使用：

<el-table-column label="创建时间" prop="add_time" width="150px">

<template slot-scope="scope">

{{scope.row.add_time | dateFormat}}

</template>

</el-table-column>

 

 

数组 改成 字符串

addForm.goods_cats : []     =>    addForm.goods_cat : "1,2,3"

addForm.goods_cats = addForm.goods_cats.join(',')

***前提是：代码中用到的 goods_cats 没有用到数组模式，如果有 双向数据绑定 用到的是 数组模式，那需要 深拷贝出一个 再进行 转换 字符串

深拷贝需要用到的 lodash

在vue项目中引入 lodash => 在script中  import _ form 'lodash'

再在代码中进行使用  _.cloneDee(this.addForm)   再将这个赋值给一个新变量  const Form = _.cloneDee(this.addForm)

然后对这个复制出来的进行数组 转换成 字符串  Form.goods_cats = Form.goods_cats.join(',')