vue实现用v-bind给src和href赋值
更新时间：2022年04月08日 15:23:58 作者：阳光之末亚
这篇文章主要介绍了vue实现用v-bind给src和href赋值，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
v-bind给src和href赋值
用v-bind给src和href赋值其实很简单，即 v-bind:属性名="name"，其中name就是data里json数据的键值，其简写形式为 :属性名="name"。
示例
<div id="app"> <a v-bind:href="link" rel="external nofollow" >link</a> <hr> <a v-bind:href="link1" rel="external nofollow" >link1</a> <hr> <a v-bind:href="link2" rel="external nofollow" >link2</a> <hr> <a href="linkyou.html" rel="external nofollow" >啦啦啦</a> <hr> <img :src="img" alt=""> </div> <script src="vue.js"></script> <script src="base.js"></script>
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
<img :src="imgLink" alt="">
// script
data () {
return {
// 注：引入之后，相对路径及绝对路径均可以使用
imgLink: require("../../assets/img/home/recommend_bg.jpg")
}
},以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要给大家分享的是vue项目实现页面跳转的方法，vue-router是前端开发中用来实现路由页面跳转的一个模块。下面小编将带来如何在已经创建好的vue-router项目基础下实现页面跳转,需要的朋友可以参考一下2021-11-11
Vue作为一款流行的前端框架,已经在许多项目中得到广泛应用,然而,随着我们在Vue中构建更大规模的应用程序,我们可能会遇到一个严重的问题,那就是内存泄漏,因此,我们需要认识到在Vue开发过程中,内存泄漏问题的重要性,本文将给大家介绍如何解决和预防内存泄漏问题2023-10-10
vue draggable resizable 实现可拖拽缩放的组件功能
这篇文章主要介绍了vue draggable resizable 实现可拖拽缩放的组件功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-07-07
这篇文章主要为大家详细介绍了Vue3中的Excel数据管理,即下载模板并导入数据功能的实现,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下2024-05-05
vue如何给element-ui中的el-tabs动态设置label属性
这篇文章主要介绍了vue如何给element-ui中的el-tabs动态设置label属性，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
下面小编就为大家分享一篇使用mint-ui实现省市区三级联动效果的示例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
今天小编就为大家分享一篇vue-resource:jsonp请求百度搜索的接口示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
代码添加了一个vDistpickerHandle的事件处理函数对地区选择器中的数据进行处理,将数据存储到form对象的相应属性中,方便数据提交,这篇文章主要介绍了v-distpicker地区选择器组件使用,需要的朋友可以参考下2024-02-02
这篇文章主要介绍了如何在Vue3中使用aceEditor插件和vue-ipynb插件实现不同类型的文件预览,包括txt、md、json、pkl、mps、py、ipynb、doc、docx、pdf、xlsx、csv等文件,需要的朋友可以参考下2025-03-03
最近在做APP客户端扫描PC端二维码登录,于是记录一下实现过程,下面这篇文章主要给大家介绍了关于Vue PC前端扫码登录功能实现的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
最新评论