如何让不同的el-popover使用同样的文本内容列如“负责人： 工艺负责人： 工位编号：”，并且文本内容可以动态修改

在 Vue 中，要让多个 `el-popover` 共享相同的文本内容，你可以创建一个单独的数据对象或变量来存储这些静态文本，然后在需要的地方引用这个共享的内容。如果你还想让文本内容能够动态修改，可以在数据对象中添加一个方法来处理更新。

首先，定义一个名为 `sharedTextContent` 的数据属性：

data() {
  return {
    sharedTextContent: {
      responsible: '负责人：',
      processResponsible: '工艺负责人：',
      positionNumber: '工位编号：'
    }
  };
},

然后，在你需要弹出提示的位置，例如在模板里，使用 v-bind 或者直接插值 {{ }} 来显示这个内容：

<template>
  <el-popover :content="sharedTextContent[yourProp]">
    <!-- your element that triggers the popover, e.g. a button -->
    <button @click="showPopover(yourProp)">显示</button>
  </el-popover>
</template>

<script>
export default {
  methods: {
    showPopover(prop) {
      this.$refs.popover.show(); // Assuming you have a ref named "popover"
      this.sharedTextContent.yourProp = 'yourDynamicContent'; // 更新动态内容（如果需要）
    }
  }
}
</script>

在这个例子中，`yourProp` 是一个表示具体文本字段名称的变量或计算属性，可以根据实际情况改变。当点击按钮时，不仅会显示相应的文本，还可以根据 `showPopover` 方法中的逻辑动态更改 `sharedTextContent`。