问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

vue访问不了变量

头像
redwang
    513
    新手上路，请多包涵

    图片不能显示没有获得url的值
    <!DOCTYPE html>
    <html>

    <head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="js/vue.js" ></script>
    <script>
        window.onload=function(){
            new Vue({
                el:'#box',//选择器
                data:{
                    url:'https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png'
                },
                methods:{
                }
            });
        }
    </script>
</head>
<body>
    <div id="box">
        <img src="{{url}}" />
    </div>
</body>

    </html>

    vue.js
    阅读 4.1k
    3 个回答
    得票最新
    头像
    kjbu2
      1663918
      ✓ 已被采纳

      你的代码有1处错误，src的赋值错误，src的赋值既然是动态的，就要用v-bind:src,简写:src。

      <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="js/vue.js" ></script>
    <script>
        window.onload=function(){
            new Vue({
                el:'#box',//选择器
                data:{
                        url:'https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png'
                },
                methods:{
                }
            });
        }
    </script>
</head>
<body>
    <div id="box">
        <img :src="url" />
    </div>
</body>
</html>
      头像
      499311496
        2.4k148
        头像
        amilytom
          6971417

          vue2.0绑定数据是 v-bind:， 简写为：
          所以上面

          <img src="{{url}}" />

          应该写成

          <img :src="url" />

          还有这部分

          window.onload=function(){
            new Vue({
                el:'#box',//选择器
                data:{
                    url:'https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png'
                },
                methods:{
                }
            });
        }

          这一部分直接使用变量定义就行。

               let  app = new Vue({
                el:'#box',//选择器
                data:{
                    url:'https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png'
                },
                methods:{
                }
            });
          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题