Vue~如何对img标签的src属性进行绑定

话不多说，直接上代码

<template>
  <div>
    <img :src="icon" alt="">
  </div>
</template>

<script>
export default {
  name: 'my',
  data () {
    return {
     //  当图片不在static中时，比如在assets中
      icon: require('../assets/icon.png'),
     //  当图片在static中时
      icon: '../static/icon.png',
     //  当图片为外部链接时
      icon: 'https://www.w3school.com.cn/i/eg_tulip.jpg',
    }
  },
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容