element-ui、html、js学习笔记

组件 | Element

1、e-input远程搜索用法

要展示的集合对象的内容其属性必须为value。

2、嵌套dialog被遮罩层遮挡问题。

在嵌套的对话框中添加如下属性

:append-to-body="true"

3、删除数组某个特定元素

方法一

handleDelete(value){
    var index = this.form.products.indexOf(value,0)
    this.form.products.splice(index,1)
}

4、组件引入的时候注意不要带大括号

//引入组件
import editProductHref from './productHref/editProductHref'

//引入方法,括号内写方法名
import { addObj } from '@/api/tools/material'

5、深复制一个对象

  //创建一个新对象
  var { ...itemForm } = this.form

6、js中...的用法和作用

参考：Javascript 中三个点的三种用法 - 知乎 (zhihu.com)
解构赋值

//将一个对象的属性快速的赋值给其他的变量
> let leaders={
me: "Bruce",
T: "Elon",
A: "Tim",
MS: "Bill"}> let {me, ...others} = leaders

> console.log(me)
"Bruce"> console.log(others)
{T: "Elon", A: "Tim", MS: "Bill"}

解包可迭代对象

let l1 = [1,2]
let l2 = [3,4]
//快速的合并数组的元素
l1.push(...l2)

合并对象

> let obj1 = {a:1,b:2}
> let obj2 = {c:3,d:4}
> let allObj = {...obj1,...obj2}
> console.log(allObj)
{a: 1, b: 2, c: 3, d: 4}

7、计算属性

引入时不需要写小括号

8、深复制一个复制结构的对象

this.printMaterialData = JSON.parse(JSON.stringify(data1));

y-shop操作栏：

1、选择字段类型然后再进行模糊搜索

image.png

后端查询注解：

    /** 模糊 */
    @Query(type = Query.Type.INNER_LIKE)

    /** 精确 */
    @Query

     /** 精确 */
    @Query(type = Query.Type.EQUAL)