vue2之v-bind 指令：设置元素的属性，如href、title等属性
发布：智码IT网 阅读：
<!--
v-bind 指令：设置元素的属性，如href、title等属性
-->
<div id="app">
<!-- 完整写法:v-bind:href=... -->
点击访问 <a v-bind:href="url" v-bind:title="title">{{title}}</a>
<br />
<!-- 简写方式::href=... -->
点击访问 <a :href="url" :title="title">{{title}}</a>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.7.9/vue.common.dev.min.js"></script>
<script>
var app = new Vue({
el: "#app",
data: {
url: "http://www.itxp365.com",
title: "智码IT网",
},
methods: {
showHideH1: function () {
this.showH1 = !this.showH1;
},
},
});
</script>
效果：
上一篇：没有了
下一篇：没有了