1,目前写vue项目用到手写导航 初步整理下
<template id="side-menu">
<ul>
<li v-for="item in items" >
<h2 @click="showToggle(item,item.name)":class="{active:active==item.name}">{
{ item.name }}</h2>
<ul v-if="item.isSubshow">
<li v-for="subItem in item.subItems" :class="{on:childindex==subItem.checkindex}"@click.stop="clickchild(subItem)">
<h3>{
{ subItem.name }}</h3>
</li>
</ul>
</li>
</ul>
</template>
<script>
export default {
data() {
return {
// check:0,
active:"狗狗控",
childindex:'',
items: [
{
name:"狗狗控"
},
{
name: "服务犬",
isSubshow: false,
subItems: [{
name: "拉布拉多",
ch