美文网首页
Vue v-bind绑定属性

Vue v-bind绑定属性

作者: 北觅_Sir | 来源:发表于2018-09-15 08:42 被阅读0次

    可以这样写v-bind:src:" "
    也可以:src:" "

    <!DOCTYPE html>
    <html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>DocumentDocument</title>
    </head>
    <body>
     <div id='itany'>
    
         <img v-bind:src="url" alt="">
    <!--绑定src-->
     </div>
      <script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script> 
      <script>
          new Vue({
              el:'#itany',
              data:{
                  url:'img/1.jpg'//图片链接路径
              }
          })
       </script>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:Vue v-bind绑定属性

          本文链接:https://www.haomeiwen.com/subject/forzgftx.html