el-popover动态关闭

要动态关闭el-popover，可以使用`doClose()`方法。但是在你的引用中，执行`this.$refs.popNote.doClose()`并不生效，可能是因为你的`this.$refs.popNote`并没有正确地引用到el-popover组件。你可以尝试在mounted()钩子函数中打印`this.$refs.popNote`，以确保它已经正确地引用到了el-popover组件。如果打印结果为undefined，则说明你的引用没有正确地绑定到el-popover组件上。

如果你已经正确地引用了el-popover组件，但是`doClose()`方法仍然不起作用，那么你可以尝试使用`visible`属性来控制el-popover的显示和隐藏。将`visible`属性绑定到一个变量上，然后在需要关闭el-popover的地方，将这个变量设置为false即可。

以下是一个示例代码，演示如何动态关闭el-popover：

<template>
  <div>
    <el-popover
      placement="right"
      width="500"
      ref="popNote"
      trigger="click"
      v-model="visible"
    >
      <div>
        <el-input type="textarea" v-model="remark"></el-input>
        <el-button size="mini" @click="submit" type="success" style="margin: 10px 0% 0 88%;">提交</el-button>
      </div>
      <el-button slot="reference" type="text" size="small">审核备注</el-button>
    </el-popover>
  </div>
</template>

<script>
export default {
  data() {
    return {
      visible: false,
      remark: ''
    }
  },
  methods: {
    submit() {
      // 提交表单后，将visible设置为false，即可关闭el-popover
      this.visible = false
    }
  }
}
</script>