白桦yuma
2020-06-18 18:28
采纳率: 98.1%
浏览 860

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>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • lllomh 2020-06-18 20:02
    已采纳

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

    点赞 打赏 评论

相关推荐 更多相似问题