vue项目在一个表格中动态显示不同的img

在Vue项目中，可以使用Vue的数据绑定和计算属性来动态显示不同的img。

首先，在Vue的模板中创建一个表格，并使用v-for指令渲染img标签，如下所示：

<table>
  <tr>
    <td v-for="img in imgs">
      <img :src="img.src">
    </td>
  </tr>
</table>

其中，imgs是一个数组，它包含了多个img对象。每个img对象表示一个图片，包含了src属性。

接下来，在Vue的数据中定义imgs数组，并初始化它的元素，例如：

data: {
  imgs: [
    { src: "img1.jpg" },
    { src: "img2.jpg" },
    { src: "img3.jpg" }
  ]
}

这样，就可以在表格中渲染出多个img标签，它们的src属性分别为"img1.jpg"、"img2.jpg"、"img3.jpg"。

如果想要动态修改img标签的src属性，可以使用Vue的计算属性。例如，可以定义一个randomImg计算属性，每次调用该属性时，随机获取一个imgs数组中的元素，并返回它的src属性。然后，在img标签的src属性中绑定randomImg计算属性，即可实现动态显示不同的img，例如：

computed: {
  randomImg: function() {
    var randomIndex = Math.floor(Math.random() * this.imgs.length);
    return this.imgs[randomIndex].src;
  }
}

在模板中，将img标签的src属性绑定到randomImg计算属性即可：

<img :src="randomImg">

这样，每次调用randomImg计算属性时，会随机获取一个imgs数组中的元素，并返回它的src属性，从而实现在表格中动态显示不同的img。