element ui 表格内使用el-popover

1:设置好ref="`popover-${scope.index}，方便方法调用，因为是表格（多条数据）

 <el-popover
              :ref="`popover-${scope.index}`"
              placement="top"
              width="300"
              trigger="click"
              @show="showPopover"
            >
              <div style="padding: 10px;text-align: center">
                <el-input-number
                  v-if="scope.row.coupon_num>1"
                  v-model="coupon_num"
                  :min="1"
                  :max="scope.row.coupon_num-scope.row.write_num"
                  @input="1"
                  @keydown.native="channelInputLimit"
                />
                <el-button
                  style="margin-top: 10px;"
                  type="primary"
                  @click="onEmploy(scope.row,`popover-${scope.index}`)"
                >确定</el-button>
              </div>

              <el-button slot="reference" size="small" type="text" >使用</el-button>
            </el-popover>

2:使用打开方法@show=“showPopover”

  showPopover() {
     // 这里可以作为清空内容的方法
      console.log('晴空万里')
    },

3:关闭方法调用

// ref= 'popover-${scope.index}' 就可以关闭指定的页面了
this.$refs[ref].doClose()