avue中tree在查看详情，和编辑的时候下拉没有值

祝你今天也快乐

已于 2023-04-25 13:16:42 修改

阅读量458

点赞数

文章标签：前端 vue

于 2023-04-25 10:21:51 首次发布

本文链接：https://blog.csdn.net/killerdoubie/article/details/130358895

版权

文章讲述了在处理接口返回的数据时遇到的问题，当数据是对象而非数组时，需要将其包裹在数组中才能正常显示。解决方案是使用`dicFormatter`函数将单个对象转换为包含该对象的数组，从而确保在前端界面正确渲染。

摘要由CSDN通过智能技术生成

接口已经有数据但是就是不显示！！！！

接口如果返回的是数组那么就可以直接使用正常显示

                 {
                        label: "上级菜单",
                        prop: "parentId",
                        type: "tree",
                        dicUrl: "/api/tree",
                        props: {
                            label: "title"
                        },
                        rules: [
                            {
                                required: false,
                                message: "请选择上级菜单",
                                trigger: "click"
                            }
                        ]
                    },

如果返回的是对象，需要给他外面套一层数组壳子！！！！！就可以正常显示了！

                {
                        label: '所属上级',
                        prop: 'parentId',
                        type: 'tree',
                        dicUrl: '/api/getWaterProjectTypeTree',
                        props: {
                            label: 'title'
                        },
                        dicFormatter: (res) => {
                            const data = [res.data] ！！！！！
                            return data
                        },
                    },