展开或者收起小图标

展开

收起

<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;
    },