解决Vue 刷新页面导航显示高亮位置不对问题
子页面将值传给父页面
额外的,每次父级组件发生更新时,子组件中所有的prop都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变prop。如果你这样做了,Vue会在浏览器的控制台中发出警告。
这里有两种常见的试图改变一个prop的情形:
1.这个prop用来传递一个初始值;这个子组件接下来希望将其作为一个本地的prop数据来使用。在这种情况下, 最好定义一个本地的data属性并将这个prop用作其初始值: props:['initialCounter'], data:function(){ return{ counter:this.initialCounter } } 2.这个prop以一种原始的值传入且需要进行转换。在这种情况下,最好使用这个prop的值来定义一个计算属性: props:['size'], computed:{ normalizedSize:function(){ returnthis.size.trim().toLowerCase() } }
这里我用的是第二种:
总结
以上所述是小编给大家介绍的解决Vue刷新页面导航显示高亮位置不对问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。