网站编辑器里的代码组件怎么直接使用后台已经配置好的导航栏数据？

如果你在网站编辑器里使用代码组件搭建导航，希望直接复用后台已经配置好的导航栏数据，不需要手动一个个填写导航名称和链接，可以把变量类型设置为「导航列表」。这样代码组件就能把后台导航数据导入进来，后续配置会更方便。

操作路径：网站编辑器—代码组件—变量配置

进入代码组件编辑页面后，在左侧打开「变量配置」，点击「添加变量」或选择需要修改的变量类型。在「选择类型」弹窗中选择「导航列表」，保存后这个变量就会按导航数据的方式进行配置。

设置为「导航列表」后，可以进入该变量的导航设置面板，在面板中点击「获取后台数据」。系统会把后台「导航管理」中已经配置的导航数据导入到列表里，包含一级导航、二级导航以及对应的层级关系。

导入后，你可以在导航设置里继续调整导航层级与排序，比如使用「上移」「下移」调整同级顺序，使用「提级」「降级」调整父子层级关系。也可以在右侧编辑导航名称、描述、前端展示状态，以及「路由与跳转设定」中的跳转链接。

如果需要先维护后台导航数据，可以到后台的「导航管理」里新增或编辑导航内容。

操作路径：后台—运营—导航管理

进入「导航管理」页面后，可以新增导航、编辑已有导航，或添加二级导航。后台配置完成后，再回到网站编辑器的代码组件变量里点击「获取后台数据」，就可以把这些导航数据导入到代码组件中使用。

相关阅读：

1、网站编辑器代码组件变量配置规则是什么？

2、网站编辑器中的代码组件应该怎么添加变量来实现可视化配置？

3、网站编辑器里的代码组件变量中，分类、图片列表、多语言这些类型在哪里设置？

4、网站编辑器里的代码组件想批量配置多个视频，应该怎么设置成“视频列表”变量？