layui面包屑导航

面包屑当点击增加一个数据，当回点时，覆盖原有等级的数据

<!--导航 tap-->
<div style="display: flex;justify-content: space-between;padding:0 20px;height: 40px;background: #F0F2F5;line-height: 40px;border-bottom:1px solid #D8D8D8;">
	<div>
		<span id="">品牌：</span>
                                            <!--lay-separator=">"  可以自定义符号-->
		<span id="" class="layui-breadcrumb" lay-separator=">">
			<a href="models.html" class="tit">-</a>
			<a href=""></a>
			<span id="tiptit">
			  	
			</span>
		</span>
	</div>
	
</div>

 

//存储菜单信息
var MENU_LIST = [];

//调用函数
show_meun(level,name)

//显示菜单(层级，名字)
function show_meun(level,name){
	//循环对比相同层级是否有重复数据，并删除
	for(var i=0;i<MENU_LIST.length;i++){
		if(MENU_LIST[i].level == level){
			MENU_LIST.splice(i, MENU_LIST.length - (i ));
		}
	}
	
	let ob = {};
	ob.level = level;
	ob.name = name;
	MENU_LIST.push(ob);
	
	//渲染
	var show_txt = '';
	for(var i=0;i<MENU_LIST.length;i++){
		show_txt += '<a href="">' + MENU_LIST[i].name + '</a><span lay-separator="">&gt;</span>'
	}
	$('#tiptit').html(show_txt);
}