51Testing软件测试论坛

标题: vue动态加载本地图片到div的背景上，却无法显示背景图是怎么回事？ [打印本页]

---

作者: 测试积点老人    时间: 2020-8-13 11:43
标题: vue动态加载本地图片到div的背景上，却无法显示背景图是怎么回事？
动态获取到图片的路径，然后绑定到元素上，绑定到div的背景上时，图片无法显示，绑定到img标签上却能成功显示，这是怎么回事？

1. <div id='run_box'>
   
2.            <div class="run_bg_shade_1" :style="{backgroundImage:'url('+game_bg_img+')'}"></div>
   
3.            <img class="run_bg_shade_1" :src="game_bg_img">
   
4.        </div>
   
5. 
   
6. 
   
7.        <script>
   
8.    //加载全部修改器
   
9.    var all_xgq_vue = new Vue(
   
10.    {
    
11.        el: '#run_box',
    
12.        data: { game_bg_img: null },
    
13.        methods:{
    
14.            set_game_bg_img:function(data){ this.game_bg_img = data; },
    
15.        }
    
16.    });
    
17.    var path = 'file:///D:\\WorkSpace\\images\\pic1.jpg';
    
18.    all_xgq_vue.set_game_bg_img(path);
    
19. </script>

复制代码

---

作者: 海海豚    时间: 2020-8-14 10:17
染之后的 图片地址对不对

---

作者: 郭小贱    时间: 2020-8-14 13:51
建议看下渲染之后的图片地址对不对

---

作者: litingting0214    时间: 2020-8-14 14:07
建议看下 渲染之后的 图片地址对不对

---

欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)

Powered by Discuz! X3.2