vue在表格中弹窗显示提示信息，使用el-popover组件

效果如下：当悬停在input上时，会显示如下

 ​​​​​​​

        <template>
          <el-popover
            placement="top"
            width="200"
            trigger="hover"
            popper-class="monitor-yt-popover"
          >
            <span>规则：{
   
   { config.unitId }}</span>
            <el-input
              v-model="config.unitId"
              slot="reference"
              type="text"
              @blur="
                getUnitScoreVal()
              "
            ></el-input>
          </el-popover>
        </template>

样式如下：注意不能写在scoped的style标签中，正确如下

<style>
.el-popover.monitor-yt-popover {
  background-color: #fbfbfb;
  border-color: #f56c6c;
  color: #f56c6c;
}

.monitor-yt-popover .popper__arrow::after {
  border-top-color: #f56c6c !important;
}
</style>