最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
vue实现用v-bind给src和href赋值代码示例
时间：2022-06-29 01:50:20 编辑：袖梨 来源：一聚教程网
本篇文章小编给大家分享一下vue实现用v-bind给src和href赋值代码示例，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。
v-bind给src和href赋值
用v-bind给src和href赋值其实很简单，即 v-bind:属性名="name"，其中name就是data里json数据的键值，其简写形式为 :属性名="name"。
示例
var ve2 = new Vue({
el: '#app',
data: {
link: "linkyou.html",
link1: "https//www.baidu.com",
link2: "www.baidu.com",
img: '8.jpg'
}
})
v-bind:src无效问题
vue中v-bind:src,图片无法正常显示
自己没事敲点代码，准备激发激发灵感，做一个好项目，顺便复习下vue, 发现当我在data中模拟json数据的时候，图片链接在页面上无法正常显示
用了各种方法，都无法正常使用，最后上网才发现是需要引入的问题。
附上代码
// template// script data () { return { // 注：引入之后，相对路径及绝对路径均可以使用 imgLink: require("../../assets/img/home/recommend_bg.jpg") } },
相关文章
- 暗喻幻想：ReFantazio御剑滑行方法 10-29
- 暗喻幻想：ReFantazio黄金虫数量说明 10-29
- 暗喻幻想魔坏之锤获取方法攻略分享 10-29
- 暗喻幻想：ReFantazio难度更改说明 10-29
- 暗喻幻想古井死胡同BOSS打法攻略分享 10-29
- 骗子酒吧骗子骰子游戏规则介绍说明 10-29