测试积点老人 发表于 2020-8-13 11:43:52

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>

海海豚 发表于 2020-8-14 10:17:56

染之后的 图片地址对不对

郭小贱 发表于 2020-8-14 13:51:55

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

litingting0214 发表于 2020-8-14 14:07:40

建议看下 渲染之后的 图片地址对不对
页: [1]
查看完整版本: vue动态加载本地图片到div的背景上,却无法显示背景图是怎么回事?