vue+elementui实现：根据一个巡更点list集合，list集合中是每个巡更点对象，根据巡更点编号生成二维码然后在表格中展示

在Vue.js和Element UI中，你可以通过以下几个步骤实现这个功能：

1. **数据模型**：
首先，你需要定义一个巡更点的数据模型，包括巡更点编号和二维码图片地址。例如：

   export default {
     data() {
       return {
         guardPosts: [
           { id: '001', qrcodeUrl: '' },
           // 更多巡更点对象...
         ]
       };
     }
   };

2. **表格组件**：
使用Element UI的`el-table`组件展示数据，添加一列用于显示二维码。你可以使用`<img>`标签和v-bind绑定动态的`src`属性：

   <template>
     <el-table :data="guardPosts" border>
       <el-table-column prop="id" label="巡更点编号"></el-table-column>
       <el-table-column label="二维码">
         <template slot-scope="{ row }">
           <el-image :src="row.qrcodeUrl" style="width: 100px; height: 100px;"></el-image>
         </template>
       </el-table-column>
     </el-table>
   </template>

3. **获取并更新二维码**：
你需要一个方法（比如`generateQRCode`）来获取每个巡更点的二维码图片，这通常需要使用第三方库如`qrcode`或`axios`来生成二维码图片URL，然后设置到数据模型中：

   methods: {
     async generateQRCode(post) {
       const qrCodeUrl = await QRCode.generate(post.id); // 这里假设qrCodeUrl是一个返回二维码URL的函数
       post.qrcodeUrl = qrCodeUrl;
     },
     async refreshQrcodes() {
       this.guardPosts.forEach((post) => this.generateQRCode(post));
     }
   },
   mounted() {
     this.refreshQrcodes();
   }

4. **触发二维码生成**：
当数据加载完成后，或者当需要更新特定巡更点的二维码时，可以调用`refreshQrcodes`方法。

5. **注意**：
- 如果二维码生成是异步操作，记得处理可能出现的错误或延迟加载的情况。
- 确保你在服务器端有生成二维码的功能或者访问外部服务的权限。