Element framework-summary of knowledge points

  • Dynamically adding an input box to the
    table table When dynamically adding an input box to the table, according to the two-way binding principle of Vue, if a value is directly added to the table (push), a value will change, and all the values ​​in this column will change according to The following code format converts the value to be added before adding it:
	let obj = JSON.stringify(this.action);   //将数组或对象转化成字符串
	this.tableData.push(JSON.parse(obj));    //解析JSON字符串
  • Change the background color and font color of the el-table header:
    :header-cell-style="{background:'#eef1f6',color:'#606266'}"

  • Change the font position of the
    el-table table Set the align='center' of the el-table-column element

  • css style modification
    F12 Find the css name to be modified. When modifying the style, you need to add the prefix /deep/ before the css of each frame,
    for example: /deep/.el-table__indent{}

To be continued

Guess you like

Origin blog.csdn.net/jiaodeqiangs/article/details/105073613