一个组件在多个页面的灵活应用：

一个组件在多个页面的灵活应用：

这是封装好的一个组件，它被应用到两个页面上，但是在应用的这两个页面上有些内容不一样，这个时候如何通过props来解决这个问题：

（1）首先在组件页面给它的props绑定布尔值

谁需要做出判断，就把v-if的值帮给谁

el-button v-if="isShowAdd" size="mini" type="success" @click=" dialoguploadVisible = true">上传素材</el-button>


<div class="image-action" v-if="isShowAction">


props: {
    // 需要把底下的这些数据帮给按钮
    // isShowAdd是否展示按钮，
    isShowAdd: {
      // 它的类型是一个布尔值
      type: Boolean,
      // 默认值是true
      default: true
    },
    isShowAction: {
      type: Boolean,
      default: true
    }
  },

（2）在有变化的页面这样处理

<image-list :is-show-add="false" :is-show-action="false"/>