javascript - vuejs获取事件对象并传给子组件-PHP中文网问答

先贴代码吧！
html:

子组件:

;(function (Vue, window) {
    var template = `
    
        

            
{{title}}
            {{content}}
        
    `

    var popover = Vue.extend({
        template,
        props: {
            show: {
                type: Boolean,
                default: false
            },
            title: {
                type: String,
                default: '标题'
            },
            content: {
                type: String,
                default: '内容'
            },
            target: {}
        }
    })
    window.popover = popover
})(Vue, window)

js:

var btn = new Vue({
    el: '#app',
    data: {
        show: false,
        pop_title: '',
        pop_content: '',
        pop_target: {}
    },
    methods: {
        popShow: function (e) {
            this.pop_title = '我是标题'
            this.pop_content = '我是一段提示内容'
            this.pop_target = e
            this.show = true
        },
        popHide: function () {
            this.show = false
        }
    },
    components: {
        'v-popover': popover
    }
})

现在我来讲下问题：我在popShow函数中把e打印出来是一个触发事件的对象，如下图

但是在传给子组件后，只留下了MouseEvent，并不是整个对象，如下

这个原因是什么，有什么解决办法吗？我现在暂时的解决办法是把需要的值从事件对象里面把值抽出来再传进子组件使用。