在uniapp中nvue页<video :src="videoUrl"/><image ref="myImage" :src="urls"/>怎样把video中的视频第一帧图片，赋值给image

你可以使用 `canvas` 来实现这个功能，具体步骤如下：

1. 在 `video` 加载完成后，获取视频的第一帧图片并将其绘制到 `canvas` 上；
2. 使用 `canvas.toDataURL()` 将绘制后的图片转换成 `base64` 编码的字符串；
3. 将 `base64` 编码的字符串赋值给 `image` 的 `src` 属性。

代码示例：

<template>
  <view>
    <video :src="videoUrl" @loadedmetadata="getVideoPoster"/>
    <image ref="myImage" :src="posterUrl"/>
  </view>
</template>

<script>
export default {
  data() {
    return {
      videoUrl: 'your_video_url',
      posterUrl: ''
    }
  },
  methods: {
    getVideoPoster() {
      const video = this.$refs.video.$el
      const canvas = document.createElement('canvas')
      canvas.width = video.videoWidth
      canvas.height = video.videoHeight
      canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height)
      this.posterUrl = canvas.toDataURL()
    }
  }
}
</script>

在上述示例中，`getVideoPoster` 方法会在 `video` 加载完成后被调用，它会获取视频的第一帧图片并将其绘制到 `canvas` 上，然后将绘制后的图片转换成 `base64` 编码的字符串并赋值给 `posterUrl` 变量，最后在模板中将其作为 `image` 的 `src` 属性值。