1. vue中v-for渲染，限制显示条数？

<template v-for="(val, index) in bannerList"><div  :key="index" class="single_banner"  v-if="index < 6"  ></div></template> 

2.v-if判断显示哪个元素

<el-button @click="openOrgan()" icon="el-icon-arrow-down arrowIcon" >
<span v-if="searchForm.fromOrg">{{searchForm.title}}</span>
<span v-else>请选择</span>
</el-button>

3.判断按扭是否可编辑

addBtnFlag为true，则执行add()

 <el-button
          class="addBtn"
          :class="{ 'disable': disableV}"
          icon="el-icon-plus"
          @click="addBtnFlag && add()"
        ></el-button>

export default {
  data() {
    return {
      disableV: false,
      addBtnFlag: true,
      bannerList: [],
      showLesson: false,
      showLessonEdit: false,
      editWebSiteId: ""
    };
  },
  created() {
    this.getBannerList();
  },
  methods: {
    // 增加banner
    add() {
         ....
    },
  }
}