51Testing软件测试论坛

 找回密码
 (注-册)加入51Testing

QQ登录

只需一步,快速开始

微信登录,快人一步

手机号码,快捷登录

查看: 1727|回复: 4
打印 上一主题 下一主题

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

[复制链接]
  • TA的每日心情
    擦汗
    前天 09:07
  • 签到天数: 527 天

    连续签到: 4 天

    [LV.9]测试副司令

    跳转到指定楼层
    1#
    发表于 2020-8-13 11:43:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    1测试积点
    动态获取到图片的路径,然后绑定到元素上,绑定到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.        <script>
    6.    //加载全部修改器
    7.    var all_xgq_vue = new Vue(
    8.    {
    9.        el: '#run_box',
    10.        data: { game_bg_img: null },
    11.        methods:{
    12.            set_game_bg_img:function(data){ this.game_bg_img = data; },
    13.        }
    14.    });
    15.    var path = 'file:///D:\\WorkSpace\\images\\pic1.jpg';
    16.    all_xgq_vue.set_game_bg_img(path);
    17. </script>
    复制代码


    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    前天 08:59
  • 签到天数: 1801 天

    连续签到: 5 天

    [LV.Master]测试大本营

    2#
    发表于 2020-8-14 10:17:56 | 只看该作者
    染之后的 图片地址对不对
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    2024-10-22 14:23
  • 签到天数: 1007 天

    连续签到: 1 天

    [LV.10]测试总司令

    3#
    发表于 2020-8-14 13:51:55 | 只看该作者
    建议看下渲染之后的图片地址对不对
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    前天 09:46
  • 签到天数: 991 天

    连续签到: 5 天

    [LV.10]测试总司令

    4#
    发表于 2020-8-14 14:07:40 | 只看该作者
    建议看下 渲染之后的 图片地址对不对
    回复

    使用道具 举报

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    小黑屋|手机版|Archiver|51Testing软件测试网 ( 沪ICP备05003035号 关于我们

    GMT+8, 2024-11-17 17:53 , Processed in 0.069063 second(s), 22 queries .

    Powered by Discuz! X3.2

    © 2001-2024 Comsenz Inc.

    快速回复 返回顶部 返回列表