Vue v-bind就是用于绑定数据和元素属性

1,href属性

  1. <body>
  2. <p class="app">
  3. <a v-bind:href="url">点我</a>
  4. </p>
  5. <script>
  6. var app = new Vue({
  7. el:'.app',
  8. data:{
  9. url:"www.gzsmbj.com",
  10. }
  11. });
  12. </script></body>

 

1，src属性

  1. <body>
  2. <p class="app">
  3. <a v-bind:href="url">点我</a>
  4. <img v-bind:src="imgsrc" width="200px"/>
  5. </p>
  6. <script>
  7. var app = new Vue({
  8. el:'.app',
  9. data:{
  10. url:"www.gzsmbj.com",
  11. imgsrc:"https://cn.vuejs.org/images/logo.png"
  12. }
  13. });
  14. </script></body>

 

posted @   学无边涯  阅读(35)  评论(0)  编辑  收藏  举报
相关博文：
·  vue中v-bind绑定元素属性
·  vue3元素标签属性的绑定
·  vue基础属性之v-bind
·  v-bind指令
·  v-bind
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！
历史上的今天：
2018-09-25 python学习第四十二天列表生成式用法及作用
2018-09-25 Python学习第四十一天函数装饰器传参数的用法
点击右上角即可分享
微信分享提示