vue动态加载本地图片到div的背景上，却无法显示背景图是怎么回事？

如下，动态获取到图片的路径，然后绑定到元素上，绑定到div的背景上时，图片无法显示，绑定到img标签上却能成功显示，这是怎么回事？

<div id='run_box'>
            <div class="run_bg_shade_1" :style="{backgroundImage:'url('+game_bg_img+')'}"></div>
            <img class="run_bg_shade_1" :src="game_bg_img">
        </div>


        <script>
    //加载全部修改器
    var all_xgq_vue = new Vue(
    {
        el: '#run_box',
        data: { game_bg_img: null },
        methods:{ 
            set_game_bg_img:function(data){ this.game_bg_img = data; },
        }
    });
    var path = 'file:///D:\\WorkSpace\\images\\pic1.jpg';
    all_xgq_vue.set_game_bg_img(path);
</script>

建议看下 渲染之后的 图片地址对不对