vue从电脑本地选取图片

可以使用HTML5的file input来实现。例如：

<template>
  <div>
    <input type="file" @change="selectImage">
    <img :src="imageDataUrl" v-if="imageDataUrl">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageDataUrl: null
    }
  },
  methods: {
    selectImage(event) {
      const files = event.target.files
      if (files.length === 0) return
      
      const fileReader = new FileReader()
      fileReader.readAsDataURL(files[0])
      fileReader.onload = () => {
        this.imageDataUrl = fileReader.result
      }
    }
  }
}
</script>

上述代码中，使用了HTML5的input元素来让用户选择本地的文件，当文件被选中后会触发`change`事件。在事件处理函数中，利用FileReader读取文件内容，接着将读取到的数据作为src赋给img元素即可。最终显示在页面上的是base64格式的图片数据。