postForm.status设置会使sticky 的样式失效

Question

 <sticky :class-name=" 'sub-navbar' + postForm.status">

在没设置status时,正常生效,但是在设置了status为 draft之后就失效了

Answer 1

扬_灵 2021-07-05 09:24:33

同学你好，可以把项目代码上传一下吗，我在本地帮你测试定位一下问题。

• 提问者 慕虎6126783 #1

  https://github.com/hx1497/myvue_element_admin.git   麻烦老师啦！

• 扬_灵 回复 提问者 慕虎6126783 #2

  同学你好，这是因为你在传递className时被sticky接收到的sub-navbardraft这个类名，无法使用sub-navbar的样式，如果你想要把draf的类名传递过去，可以在sticky对className处理后在进行使用，这里添加类名的时候要增加一层逻辑判断，防止影响其他页面中的sticky组件的使用。

• 提问者 慕虎6126783 回复 扬_灵 #3

  原来如此，多谢老师，我给draft前面加个空格，就能正常运行了