国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

vuejs本地圖片預(yù)覽，怎麼取得圖片src？

元件ImagePreview.vue

<template>
    <p class="card text-center" style="width: 16rem;">
        <img class="card-img" :src="imgDataUrl" style="height: 16rem;">
        <p class="card-footer text-muted">
            <input type="file" id="image" name="image" @change="preview($event)">
        </p>
    </p>
</template>

<script>
    export default {
        data(){
            return {
                imgDataUrl: ''
            }
        },
        methods: {
            preview(event){
                this.imgDataUrl = event.target.files;
            }
        }
    }
</script>

問(wèn)題：
點(diǎn)擊一張圖片後，圖片無(wú)法顯示，在瀏覽器偵錯(cuò)視窗中顯示src="[object File]",要怎麼寫(xiě)才可以？
preview方法裡面下面兩種寫(xiě)法都不行。

event.target.files
event.target.files[0]