2021-09-23

最新推荐文章于 2024-11-11 23:32:58 发布

银桑_七弦

最新推荐文章于 2024-11-11 23:32:58 发布

阅读量97

点赞数

分类专栏： html vue 文章标签： html5 vue.js

本文链接：https://blog.csdn.net/SAR_xmz/article/details/120440384

版权

vue 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

html

1 篇文章 0 订阅

订阅专栏

备忘：今天项目里又遇见一个之前就遇见过解决了后来又忘了的问题

关于vue获取图片

直接写路径也可以放在data里面
我的图片路径是在assets里面的

iconArr: [
        {
          title: "添加",
          icon: require("@/assets/icon/png/icon1_slices/icon1.png"),
          iconbgd: require("@/assets/icon/png/icon1_slices/icon11.png"),
        },
        {
          title: "添加",
          icon: require("@/assets/icon/png/icon1_slices/icon2.png"),
          iconbgd: require("@/assets/icon/png/icon1_slices/icon22.png"),
        },
        {
          title: "添加",
          icon: require("@/assets/icon/png/icon1_slices/icon3.png"),
          iconbgd: require("@/assets/icon/png/icon1_slices/icon33.png"),
        },
        {
          title: "添加",
          icon: require("@/assets/icon/png/icon1_slices/icon4.png"),
          iconbgd: require("@/assets/icon/png/icon1_slices/icon44.png"),
        },

这是在data中的``

<img
                :src="iconSwitch == true ? item.iconbgd : item.icon"
                alt=""
                width="46px"
                height="46px"
                @click="iconSwitch = !iconSwitch"
            />