vue2： img标签

原创已于 2024-02-28 11:49:50 修改 · 3.6k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

vue

当前文章被收录于：

vue

9 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

于 2023-05-19 11:17:34 首次发布

在Vue.js应用中，img标签通常用于显示图片，src属性设置图片路径，alt属性是必需的，提供图片描述。可以动态设置src，例如通过data绑定和require导入图片。示例代码展示了如何静态和动态设置img标签的src属性。

小记 vue 中img标签

在vue中img常用来展示图片，src为图片路径，.alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt=“”

  <img src="../assets/home/money.png" alt="测试" style="width: 18px;height: 21px; margin-right: 5px;" />

动态src

 <img :src="imgurl" alt="测试" style="width: 18px;height: 21px; margin-right: 5px;" />

 export default {
	 data() {
        return {
            imgurl:require('../pages/image/right.png')
        }
    },
 }
export default {
	data () {
	    return {
	      imgurl: ''
	    }
	  },  
}
this.imgurl= require('./pages/image/' + 图片名 + '.png')