after clicking on the category, the following list shows and hides
<template>
<div class="classify">
<div class="fense">
<div class="sify" @click="toggle()">
<img src="../../assets/images/Spinner.png">
</div>
<div class="liebiao" v-show="isShow">
<ul>
<li :to="item.to" v-for="item in links" :key="item.text">{{ item }}</li>
</ul>
</div>
</div>
<div class="seek">
<a href="-sharp"><img src="../../assets/images/icon-search.png"></a>
<input type="text" name="" placeholder="">
</div>
</div>
</template>
<script>
export default {
name: "classify",
data: function () {
return {
links: [
"",
"",
""
]
}
},
el: ".fense",
data: {
isShow: false
},
methods: {
toggle: function () {
this.isShow = !this.isShow
}
}
}
</script>
