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

2022-07-27,,,

mutation.js代码:

页面使用:

知识点:

1、localstorage

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

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

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

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

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

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

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

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

《vue 使用localstorage实现面包屑的操作.doc》

下载本文的Word格式文档,以方便收藏与打印。