vue页面跳转后样式变更，刷新可恢复

今天被师傅cue到一个小问题，说user在使用系统时有时会出现标签样式变窄，无法输入需要刷新才能恢复的情况。
这个问题出现在A页面，多次测试之后发现，从C/D/E等页面跳转到A页面均不会出现此情况，只有从B页面跳转到A页面的时候会出现。于是乎观察了A/B页面的标签及格式

原因：B页面中的CSS样式作用到了A页面中的对应元素
（可以通过查看A页面中错乱的元素 看B页面中是否也有此元素）

解决方式：A、B页面的CSS样式都加上scoped（表示仅作用于当前页面）

<style type="text/css" scoped>
    ...
</style>