Vue使用slot遇到的问题

想实现的功能是界面的导航栏，在使用solt的时候，遇到导航栏重复显示的问题

九州一梦

2834人浏览 · 2020-04-05 20:14:23

九州一梦 · 2020-04-05 20:14:23 发布

导航栏重复显示

遇到的问题
解决办法

遇到的问题

项目里面使用NavMenu实现导航栏，然后使用slot插槽显示界面，错误界面如下图，可以看到body里面有重复的hMenu，界面显示也有两个导航栏，菜鸟不懂这是怎么了啊！
错误结果，可以看到body里面有重复的hMenu

解决办法

我检查代码，发现路由相关的位置引入了导航栏组件，并配置了路由跳转，把相关的配置删除，就可以正常显示只有导航栏。
路由代码

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^