动态获取到图片的路径，然后绑定到元素上，绑定到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>