开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >vue学习二属性绑定 v-bind和v-html的使用

vue学习二属性绑定 v-bind和v-html的使用

meihuasheng

发布于 2021-03-16 21:42:08

1.1K0

发布于 2021-03-16 21:42:08

举报

文章被收录于专栏：phpcodersphpcoders

v-bind的使用：

当我们要将一个地址赋值上一个a标签时，我们的做法如果还是像之前那样的话，就无法生效了，如下图：

这时候就要用到属性绑定v-bind，它的作用就是让vue知道这是标签的一个属性，所以解析的时候就会变成我们所需要的百度链接了，用法就是 <a v-bind:href="website">点击到百度</a>

v-html的使用：

就如名字一样，它的出现就是可以让页面直接显示一个标签内容，没有什么花里胡哨的表演

使用的方式： <p v-html="websitetag"></p>

本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019-08-11 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客?前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.

目录

v-bind的使用：
v-html的使用：