展开或者收起小图标

展开

收起

<div cla>
  <!-- 展开收缩图标 -->
  <i :class="{ iconfont:true,'icon-shouqi':isOpen,'icon-zhankai1':!isOpen}" @click="changeOpen"></i>
  
  //控制他显示或者不显示
  <div v-show="isOpen"></div>
</div>

export default {
  name: 'Top',
  data() {
    return {
      // 展开状态
      isOpen: true,
    };
  },
  methods: {
    // 展开或者收起
    changeOpen() {
      this.isOpen = !this.isOpen;
    },