el-table树形数据不起作用、el-table-column 按数字显示文字、dialog选择框数字变文字、编辑时 是否 选择

@树形数据 el-table 不起作用 => element-ui的版本太低**

 <el-table
    :data="tableData"
    style="width: 100%;margin-bottom: 20px;"
    row-key="id"
    border
    default-expand-all
    :tree-props="{children: 'children', hasChildren: 'hasChildren'}">

@el-table-column 按数字显示文字

<span>{{statusMap[scope.row.status]}}</span>

statusMap: {
	0: '待执行',
	1: '执行中',
	2: '执行完毕'
}

@dialog编辑中=>数字变文字

handleUpdate(row){
	this.editForm = object.assign({}, row);
	this.editForm.validFlag = this.editForm.validFlag==0? "隐藏":"显示";
	...
}

编辑时 是否 选择

<el-form-item label = "菜单状态" prop="validFlag">
	<el-select placeholder="是否隐藏" v-model="editForm.validFlag">
		<el-option :value="1" label="显示"></el-option>
		<el-option :value="0" label="隐藏"></el-option>
	</el-select>
</el-form-item>