|
|
|
|
步骤 2 : v-bind:href 简写成 :href
通过v-bind进行属性绑定
<a v-bind:href="page">http://12306.com</a> <script src="https://how2j.cn/study/vue.min.js"></script>
<div id="div1">
<a v-bind:href="page">http://12306.com</a>
</div>
<script>
new Vue({
el: '#div1',
data:{
page:'http://12306.com'
}
})
</script>
<script src="https://how2j.cn/study/vue.min.js"></script>
<div id="div1">
<a v-bind:href="page">http://12306.com</a>
</div>
<script>
new Vue({
el: '#div1',
data:{
page:'http://12306.com'
}
})
</script>
本来是 v-bind:href, 可以简写成 :href
<script src="https://how2j.cn/study/vue.min.js"></script>
<div id="div1">
<a :href="page">http://12306.com</a>
</div>
<script>
new Vue({
el: '#div1',
data:{
page:'http://12306.com'
}
})
</script>
<script src="https://how2j.cn/study/vue.min.js"></script>
<div id="div1">
<a :href="page">http://12306.com</a>
</div>
<script>
new Vue({
el: '#div1',
data:{
page:'http://12306.com'
}
})
</script>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
问答区域
2022-03-30
不跳转页面？
2020-04-23
没看懂有什么用啊
4 个答案
Westudy 跳转到问题位置 答案时间：2022-04-26 例如
a2892491635 跳转到问题位置 答案时间：2021-10-26 举个简单的例子，假如page是个图片的网址，而需求要你点击按钮就换一张图片，这不就用到了动态绑定了嘛
鸡你太美噢北北 跳转到问题位置 答案时间：2020-09-04 可以动态修改超链接，直接写href是直接写死了
MJ 跳转到问题位置 答案时间：2020-06-02 绑定超链接没用，反而不如直接写href。一般绑定其他元素比如样式
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2019-03-07
v-blind绑定有什么实际作用呀 目前来看 就是一个优先级较高的 style 样式呀
2019-03-04
v-bind只能用于绑定超链接吗
提问之前请登陆
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
