如何在vue js Datatable中显示图像

import DataTable from 'datatable';
import 'datatable/dist/datatables.min.css';
import image1 from '@/assets/images/image1.jpg';
import image2 from '@/assets/images/image2.jpg';
// 导入其他所需的图像资源

data() {
  return {
    images: [
      { id: 1, url: image1 },
      { id: 2, url: image2 },
      // 添加其他图像URL
    ]
  };
},

<template>
  <div>
    <table id="imageTable">
      <thead>
        <tr>
          <th>ID</th>
          <th>图像</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="image in images" :key="image.id">
          <td>{{ image.id }}</td>
          <td><img :src="image.url" alt="图像"></td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

mounted() {
  this.$nextTick(() => {
    $('#imageTable').DataTable();
  });
},