博客
关于我
属性绑定v-bind指令
阅读量:330 次
发布时间:2019-03-04

本文共 662 字,大约阅读时间需要 2 分钟。

差值表达式是不能写在html标签属性内的,那么如果一定要用vue中的属性作为html标签属性的值可以通过v-bind这个指令实现。

比如设置超链接a标签的href的值,可以用v-bind,格式是:
v-bind:href=“vue中的属性值”,可以简写为:href=“vue中的属性值”。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title></head><body>    <id id="app">        <a v-bind:href="link">百度</a>    </div></body><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script>    var vue = new Vue({            el: "#app",        data: {                link: "https://www.baidu.com"        }    })</script></html>

转载地址:http://sdmh.baihongyu.com/

你可能感兴趣的文章
Docker 服务
查看>>
第一眼就心动的人还怎么做朋友
查看>>
Cassandra数据建模
查看>>
Elasticsearch Web管理工具
查看>>
前端样式css问题记录
查看>>
Git 配置SSH公钥、私钥
查看>>
极客时间离线课堂
查看>>
Spring Session
查看>>
koa2 中间件里面的next到底是什么
查看>>
在create-react-app创建的项目下允许函数绑定运算符
查看>>
博客园新闻频道开始公开测试
查看>>
评论表聚集索引引起的评论超时问题
查看>>
博客园上海俱乐部4月份活动通知邀请函已经发出!
查看>>
上周热点回顾(5.24-5.30)
查看>>
Internet Explorer 10 专题上线
查看>>
云计算之路-阿里云上:0:25~0:40网络存储故障造成网站不能正常访问
查看>>
网站故障公告1:使用阿里云RDS之后一个让人欲哭无泪的下午
查看>>
今天的访问高峰,扛过去了
查看>>
上周热点回顾(12.31-1.6)
查看>>
上周热点回顾(1.21-1.27)
查看>>