antd vue Anchor getContainer属性踩坑

antd Vue Anchor锚点踩坑

    • getContainer属性的坑
    • 场景是我一个app1页面要使用app7页面当做组件,app7页面如下![在这里插入图片描述](https://img-blog.csdnimg.cn/de047e0ca84c467e9f781364d51d492c.png)
    • 然后app1页面的增加是整个app7页面![在这里插入图片描述](https://img-blog.csdnimg.cn/10c21762983846378c613280f69c3f06.png)
    • 当使用getContainer属性指定容器的时候,我指定的是a-collapse也就是整个页面的容器,这时候有意思的来了,每点击一个锚点属性,后面的导航页就会增加一个,原因是需要规范下导航页wathc 增加页面的模式,我们这个是属于hash模式的#值,因此加个判断 !newVal.hash就可以了
    • 小笔记记下

getContainer属性的坑

antd vue Anchor getContainer属性踩坑_第1张图片

场景是我一个app1页面要使用app7页面当做组件,app7页面如下antd vue Anchor getContainer属性踩坑_第2张图片

然后app1页面的增加是整个app7页面antd vue Anchor getContainer属性踩坑_第3张图片

antd vue Anchor getContainer属性踩坑_第4张图片

当使用getContainer属性指定容器的时候,我指定的是a-collapse也就是整个页面的容器,这时候有意思的来了,每点击一个锚点属性,后面的导航页就会增加一个,原因是需要规范下导航页wathc 增加页面的模式,我们这个是属于hash模式的#值,因此加个判断 !newVal.hash就可以了

小笔记记下

你可能感兴趣的:(vue.js,前端,javascript,antd,vue)