vue 使用localstorage实现面包屑的操作

mutation.js代码：

页面使用：

知识点：

1、localstorage

2、json.stringify()的作用是将 javascript 值转换为 json 字符串，json.parse()将json字符串转为一个对象

补充知识：vue+elementui动态生成面包屑导航

项目需要动态生成面包屑导航,并且首页可以点击.其余为路径显示

上面的代码是elementui组件的样式,根据项目需要做了修改,搬运的时候根据项目自己改改

上面的代码是模拟的数据,调用elememtui的组件导航菜单的中的@select方法,有两个参数,可以自行打印

然后在computed中计算当前选中的是哪一部分,取到返回值,然后$emit传给父组件,

父组件中取到子组件传过来的值后,直接渲染就行了

以上这篇vue 使用localstorage实现面包屑的操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。