【Vue入门实践1】可编辑el-tree样式功能修改，前端高分面试指南

全部完整代码如下：

<el-tree

:data=“fileOptions”

:props=“defaultProps”

:expand-on-click-node=“false”

:filter-node-method=“filterNode”

ref=“tree”

node-key=“id”

default-expand-all

highlight-current

@node-click=“handleNodeClick”

{ { node.label }}

</el-col

<el-table

v-loading=“loading”

:data=“konwledgeList”

@selection-change=“handleSelectionChange”

stripe

class=“tableBox”

height=“480”

:default-sort=“{ prop: ‘uploadTime’, order: ‘descending’ }”

<el-table-column

label=“序号”

align=“center”

type=“index”

width=“50”

/>

<el-table-column

label=“文件名称”

align=“center”

prop=“fileName”

width=“300”

{ { scope.row.fileName }}

<el-table-column

label=“上传时间”

align=“center”

prop=“uploadTime”

width=“130”

{ {

parseTime(scope.row.uploadTime, “{y}年{m}月{d}日 {h}:{i}:{s}”)

}}

<el-table-column

label=“上传人”

align=“center”

prop=“uploadPerson”

width=“120”

/>

<el-table-column

label=“上一级文件夹”

align=“center”

prop=“parentName”

/>

<el-table-column

label=“操作”

align=“center”

class-name=“small-padding fixed-width”

<el-button size=“mini” type=“text” @click=“rename(scope.row)”

重命名</el-button

<el-button

size=“mini”

type=“text”

@click=“moveToOther(scope.row)”

移动</el-button

<el-button

size=“mini”

type=“text”

&