v-bind 绑定 src

Sheep000000

于 2021-07-01 18:22:56 发布

阅读量170

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Sheep000000/article/details/118392962

本文介绍如何使用Vue.js中的v-bind指令来绑定图片源(src)。具体实践包括通过import方式引入图片资源，并在data中定义变量进行绑定。此外还展示了如何在template中正确书写img标签以显示图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

v-bind 绑定 src

src只能通过 import require 导入或者放在static文件夹下

import poster from '../../assets/images/4179b4398bad6f92e876e352cae21be7b8ceb8bf.png@200w_268h.webp'


data: function () {
    return {
      poster1: poster
    }
  },

template部分

<img :src="poster1">