>> 原因
版本问题 2.14.0版本不显示
1.将@layui/layui-vue卸载后 npm uninstall @layui/layui-vue
2.下载最新版即可 npm uninstall @layui/layui-vue@2.15.0 // 文章编写时最新版
>> 效果 替换的字段名不生效
>> 代码 -- 官方文档案例 Layui - Vue 前端 UI 框架
<template>
<div>
<lay-tree :data="data9" :showCheckbox="showCheckbox2" v-model:checkedKeys="checkedKeys2"
:replaceFields="replaceFields">
</lay-tree>
</div>
</template>
<script setup>
import { ref } from 'vue';
const checkedKeys2 = ref([]);
const showCheckbox2 = ref(true);
const replaceFields = ref({
id: 'key',
title: 'name',
children: 'child'
})
const data9 = ref([{
name: '一级1',
key: 1,
spread: true,
child: [
{
name: '一级1-1',
key: 11,
child: [
{
name: '一级1-1-1',
key: 111,
},
{
name: '一级1-1-2',
key: 112,
}
]
},
{
name: '一级1-2',
key: 12,
child: [
{
name: '一级1-2-1',
key: 121,
},
{
name: '一级1-2-2',
key: 122,
}
]
}
]
},
{
name: '一级2',
key: 2,
spread: true,
child: [
{
name: '一级2-1',
key: 21,
spread: true,
},
{
name: '一级2-2',
key: 22,
spread: true,
child: [
{
name: '一级2-2-1',
key: 221,
spread: true,
}
]
}
]
}]);
</script>